@media screen {
html, body {height:100%;overflow:hidden;overflow-x:auto}
body {
	margin:0;
	font-family:Tahoma,Helvetica;
	background: url("../images/ux/earth.png") no-repeat #fcfcfc;
	background: url("../images/ux/earth.png") no-repeat scroll 0 0%, url("/compat/linear-gradient.svg?point=top&stop=%23fff&stop=hsl%28210,15%25,88%25%29&stop=hsl%28210,15%25,88%25%29");
	background: url("../images/ux/earth.png") no-repeat scroll 0 0%, hsl(210,15%,88%) -moz-linear-gradient(top, #fff, hsl(210,15%,88%), hsl(210,15%,88%)) repeat-x;
	background: url("../images/ux/earth.png") no-repeat scroll 0 0%, hsl(210,15%,88%) -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.3, hsl(210,15%,88%)), color-stop(1, hsl(210,15%,88%))) repeat-x;
	background: url("../images/ux/earth.png") no-repeat scroll 0 0%, hsl(210,15%,88%) -webkit-linear-gradient(top, #fff, hsl(210,15%,88%), hsl(210,15%,88%)) repeat-x;
	cursor: default;
}

header {display:table;left:2%;position:absolute;top:5px;white-space:nowrap;width:96%;z-index:4}
#version {
	color: #ccc;
	display: table-cell;
	font-size: 11px;
	padding-left: 2.6em;
	text-align: left;
}
#session {
	display: table-cell;
	font-size: 13px;
	opacity: 0;
	padding-right: 15px;
	text-align: right;
}
body.loggedOut #session {display: none;}
body.loggingOut #session {display: none;}
body.loggedIn #session {
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	transition: all 2s ease;
	opacity:1;
}
body #logout-link-container {display: none;}
body.loggedIn #logout-link-container {display: inline !important;}
body.loggingIn {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
#forgot-password > .pane > h2 > .close {display:inline}
#createAccount > .pane > h2 > .close {display:inline}
#login, #intro, #createAccount, #forgot-password {position:absolute;top:70px;bottom:40px;opacity:0}
#login, #forgot-password, #createAccount {left:4%;width:33%}
#login > .pane > h2 {
	border-top-left-radius: 16px 10px;
	border-top-right-radius: 16px 10px;
}
.pane > .modal {
	border-radius:13px 13px 10px 10px / 7px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:absolute;
	overflow:hidden;
	z-index:7;
}
.pane > .modal > .bg {
	position:absolute;
	background:hsla(0,0%,50%,0.2);
	left:0;
	right:0;
	top:0;
	bottom:0;
	border-radius:13px 13px 10px 10px / 7px;
}
.pane > .modal > .dialog {
	left: 80%;
	margin-left: -70%;
	position:absolute;
	width: 80%;
	min-height:100px;
	background:hsl(0, 0%, 99%);
	padding:24px 36px 30px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	top:25px;
	box-shadow:0 6px 50px 17px hsla(210,100%,7%,0.3), 0 -1px 20px 4px hsla(210,60%,40%,0.3) inset, 0 -1px 3px 2px hsla(0,0%,0%,0.3) inset;
}
.modal .dialog textarea {width:100%;height:4em;margin-top:9px}
.modal .dialog .buttons {text-align:right;margin-top:10px}
.modal .dialog button {margin:2px 7px}
#login_widget {display: table; position: relative; width: 100%;}
#login_widget.processing > div {opacity: 0.5;}
#login_widget > div {display: table-row;}
#login_widget > div > label {display: table-cell; padding: 5px 3px 10px 0; text-align: right;}
#login_widget > div > div.input {display: table-cell; padding: 5px 10px 10px 3px;}
#login_widget > div > div.input input {width: 100%;}
#login_widget > div > div.submit {text-align: right;}
#login_widget > div > div.submit button {min-width: 5em;}
#login_widget > .loading {
	background-position: 50%;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 20px;
}
#login_widget p {margin-bottom: 20px;}
#login .accountHelp {font-size:80%}
#login p.error {color:#d00}
#login p {margin-top:28px;color:hsl(210,19%,44%)}
#login p.note {color:hsl(210,15%,56%)}
#login p.note em {color:hsl(210,18%,36%)}
#intro {right:4%;width:57%}
#intro p {font-size:90%;text-shadow:0px 1px 2px #fff;padding:30px 10% 0}
#intro p:first-child {font-size:110%;padding-top:40px}
#intro a, #login a {color:hsl(210,37%,47%)}
#intro a:visited, #login a:visited {color:#6e62a3}
#forgot-password p {margin-bottom:1em;color:hsl(210,19%,44%)}
#forgot-password p.error {color:#d00}
#forgot-password p.success {color:#008F00}
#forgot-password-choose {margin-bottom:1em}
#forgot-password-choose input {width:40%}
#forgot-password-choose input.blurred {width:20%}
#forgot-password-choose input.focused {width:60%}
#forgot-password-widget {text-align:center;margin-bottom:1em}
#forgot-password-widget.processing #forgot-password-button {display:none}
#forgot-password-widget.processing #forgot-password-loading {content:url(../images/ux/password-recovery-loader.gif);margin:0 auto}
#user-import-loading {display:none}
#user-import > .pane.processing #user-import-loading {display:block;background:url(../images/ux/password-recovery-loader.gif) no-repeat top center;margin:0 auto;padding-top:2em}
#createAccount label {
	display: block;
	margin: 1em 0;
	font-size: 110%;
}
#createAccount em {
	display: block;
	color: hsla(0, 80%, 33%, 0.8);
	font-style: italic;
}

h1, h2, h3 {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
header h1 {
	color:hsl(210,15%,61%);
	font-size:22px;
	margin:0;
	display:table-cell;
	width:15.5em;
	text-shadow:0 1px 1px #fff, 0 -1px 1px #fff, 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 8px hsla(210,100%,24%,0.26);
}
header h1 span {color: hsl(210,33%,30%); font-size: 28px; position: relative; z-index: 2;}
header h1 span.core {
	text-transform: uppercase;
	font-size: 21px;
	color: hsl(210,25%,40%);
}
h2 {font-size: 100%; font-weight: normal;}
h2, h3 {height:1.3em;overflow:hidden;white-space:nowrap}
h2, h3, p {margin:0; padding:0}
h2 .title {text-overflow:ellipsis}
h3[contenteditable="true"] {
	cursor: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
	user-select: text;
}
h3 {margin: 1em 0 0}

.action-menu {
	cursor: pointer;
	background: url(../images/ux/gear.png) no-repeat center center;
	height: 20px;
	list-style-type: none;
	padding: 0;
	width: 34px;
}
.action-menu.showing {background-color:hsl(210,25%,48%);border-radius:5px 5px 0 0;box-shadow:0 4px 7px rgba(0,0,0,0.5)}
.action-menu.showing-up {background-image:url(../images/ux/gear-up.png);border-radius:0 0 5px 5px;box-shadow:0 4px -7px rgba(0,0,0,0.5)}
.action-menu-item {cursor:pointer;padding:3px}
.action-menu-item:hover {background-color:hsla(210,57%,76%,0.9)}
.action-menu-items {
	background: rgba(255,255,255,0.9);
	box-shadow: 0 4px 12px rgba(0,0,0,0.5);
	font-size: 0.8em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 1001;
}
.action-menu-overlay {
	bottom: 0px;
	display: block;
	left: 0px;
	position: fixed;
	right: 0px;
	top: 0px;
	z-index: 1000;
}

.appSub {
	bottom:13px;
	left:193px;
	position:absolute;
	right:0;
	top:48px;
	z-index:2;
}
.appSection {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
}
.appSubSection {
	-webkit-transition: left 1s ease;
	-moz-transition: left 1s ease;
	transition: left 1s ease;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.appSection.hidden {z-index:0}
.appSection.shown .pane, .appSection.shown .drawer {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	opacity: 1;
}
.appSection.hidden .pane, .appSection.hidden .drawer {
	-moz-transform: translate(-500px, -250px) scale(0, 0);
	-webkit-transform: translate(-500px, -250px) scale(0, 0);
	transform: translate(-500px, -250px) scale(0, 0);
	opacity:0;
	
}
.appSection.hidden .pane.minimized {
	-moz-transform: translate(0, 0) scale(1, 1);
	-webkit-transform: translate(0, 0) scale(1, 1);
	transform: translate(0, 0) scale(1, 1);
	opacity:1;
}
.appSection.hidden .pane.minimized h2 {
	border-color:hsl(210,67%,96%) hsl(210,44%,77%) hsl(210,36%,67%);
	-moz-border-top-colors:hsl(210,25%,98%) hsl(210,44%,86%);
	-moz-border-right-colors:hsl(210,37%,80%) hsl(210,44%,77%);
	-moz-border-left-colors:hsl(210,37%,80%) hsl(210,44%,77%);
	-webkit-border-top-colors:hsl(210,25%,98%) hsl(210,44%,86%);
	-webkit-border-right-colors:hsl(210,37%,80%) hsl(210,44%,77%);
	-webkit-border-left-colors:hsl(210,37%,80%) hsl(210,44%,77%);
	background-color:hsl(210,71%,80%);
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=hsl%28210,71%25,80%25%29&stop=hsl%28210,41%25,70%25%29);
	background-image:-webkit-gradient(linear, left top, left bottom, from(hsl(210,71%,80%)), to(hsl(210,41%,70%)));
	background-image:-moz-linear-gradient(top center, hsl(210,71%,80%), hsl(210,41%,70%));
}
.appSection.hidden .pane.minimized h2 > span.icon {opacity: 0.7;}
.appSection.hidden .pane.minimized h2 > span.title::after {content: normal;}

nav {
	position:absolute;
	top:48px; left:10px; bottom:13px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	width:186px;
	z-index:1;
}
.loggedOut nav {
	opacity:0;
	-moz-transform: translate(240px, 0px) skew(10deg) scale(0.4, 0.8) rotate(30deg);
	-webkit-transform: translate(240px, 0px) skew(10deg) scale(0.4, 0.8) rotate(30deg);
	transform: translate(240px, 0px) skew(10deg) scale(0.4, 0.8) rotate(30deg);
}
.loggedOut #login, .loggedOut #forgot-password, .loggedOut #createAccount {
	-webkit-transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out, -moz-transform 500ms ease-in-out;
	transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
	opacity:1;
}
.loggedOut #intro {
	-webkit-transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out, -moz-transform 500ms ease-in-out;
	transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
	opacity:1;
}
.loggingIn nav {
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-moz-transition: opacity 1s ease, -moz-transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
	opacity:1;
	-moz-transform: translate(0, 0) skew(0deg) scale(1, 1) rotate(0deg);
	-webkit-transform: translate(0, 0) skew(0deg) scale(1, 1) rotate(0deg);
	transform: translate(0, 0) skew(0deg) scale(1, 1) rotate(0deg);
}
.loggingIn #login, .loggingIn #forgot-password {
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-moz-transition: opacity 1s ease, -moz-transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
	opacity:0;
	-moz-transform: scale(0.4, 0.4);
	-webkit-transform: scale(0.4, 0.4);
	transform: scale(0.4, 0.4);
}
.loggingIn #intro {
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-moz-transition: opacity 1s ease, -moz-transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
	opacity:0;
	-moz-transform: scale(0.4, 0.4);
	-webkit-transform: scale(0.4, 0.4);
	transform: scale(0.4, 0.4);
}
.loggedIn #login, .loggedIn #intro, .loggedIn #forgot-password, .loggedIn #createAccount {display:none}
.assessmentDeliverer .search {height:27px}
.assessmentDeliverer > div.pane {width: 98%;}
.appSubSection.assessmentManager {left:411px}
.appSubSection.assessmentEditor {left:511px}
.appSubSection.organizationManager {left:293px}
.appSubSection.organizationEditor {left:538px}
.appSubSection.userAccountsManager {left:301px}
.pane.minimized ~ .appSubSection, .pane.minimized ~ .drawer ~ .appSubSection {left:0 !important}
.pane.minimized ~ .drawer {display:none}
.appSection > div.pane.drawerShowing {right: 290px;}
.appSection.assessmentManager > div.pane {width: 400px;}
.appSection.assessmentEditor > div.pane {width: 98%;}
.appSection.assessmentEditor > div.pane.drawerHiding {
	/* See .pane property order */
	-moz-transition-duration: 1s, 1s, 500ms, 500ms, 500ms, 500ms;
	-webkit-transition-duration: 1s, 1s, 500ms, 500ms, 500ms, 500ms;
	transition-duration: 1s, 1s, 500ms, 500ms, 500ms, 500ms;
}
.appSection.assessmentEditor > div.pane.drawerShowing {right: 290px; width: auto;} /* Adjusted by JS */
.appSection.assessmentEditor > div.pane.drawerShowing {
	/* See .pane property order */
	-moz-transition-duration: 1s, 1s, 0, 500ms, 500ms, 500ms;
	-webkit-transition-duration: 1s, 1s, 0, 500ms, 500ms, 500ms;
	transition-duration: 1s, 1s, 0, 500ms, 500ms, 500ms;
}
.appSection.assessmentEditor > div.pane.subsOpen {width: 500px;}
.appSection.blueprintArranger > div.pane {width: 98%;}
.appSection.folderEditor > div.pane {width: 98%;}
.appSection.folderEditor > div.pane.drawerHiding {
	/* See .pane property order */
	-moz-transition-duration: 1s, 1s, 500ms, 500ms, 500ms, 500ms;
	-webkit-transition-duration: 1s, 1s, 500ms, 500ms, 500ms, 500ms;
	transition-duration: 1s, 1s, 500ms, 500ms, 500ms, 500ms;
}
.appSection.folderEditor > div.pane.drawerShowing {right: 290px; width: auto;} /* Adjusted by JS */
.appSection.folderEditor > div.pane.drawerShowing {
	/* See .pane property order */
	-moz-transition-duration: 1s, 1s, 0, 500ms, 500ms, 500ms;
	-webkit-transition-duration: 1s, 1s, 0, 500ms, 500ms, 500ms;
	transition-duration: 1s, 1s, 0, 500ms, 500ms, 500ms;
}
.appSection.studentResult > div.pane {width: 98%;}
.appSection.resizing > div.pane {
	/* See .pane property order */
	-moz-transition-duration: 1s, 1s, 0, 0, 500ms, 500ms !important;
	-webkit-transition-duration: 1s, 1s, 0, 0, 500ms, 500ms !important;
	transition-duration: 1s, 1s, 0, 0, 500ms, 500ms !important;
}
div.pane.organizationAssessmentList > div.search {display: table;}
div.pane.organizationAssessmentList.minimized > div.search {display: none;}
div.pane.organizationAssessmentList.poppedUp > div.search {display: table;}
div.pane.organizationAssessmentList > div.search > div {display: table-cell;}
div.pane.organizationAssessmentList > div.search > div.searchbox {
	left: auto;
	margin: auto;
	padding: 9px;
	position: static;
	right: auto;
	top: auto;
	width: 100%;
}
div.pane.organizationAssessmentList > div.search > div.sort {
	font-size: 85%;
	padding: 9px;
	text-align: right;
	white-space: nowrap;
}
div.pane.organizationAssessmentList > div.search > div.sort > label::after {content: ': ';}
div.pane.organizationAssessmentList > ul.testList {top: 69px;}
body.startingTest .pane.assessmentList {
	opacity:0;
}
body.startingTest .appSection.assessmentDeliverer > .pane {
	opacity:0;
}
body.startingTest .appSection.assessmentTakerSection > .pane {
	opacity: 0;
	width: auto;
}
body.takingTest div.appSub div.pane {display: none !important;}
body.takingTest div.appSub section.assessmentDeliverer > section.appSubSection div.pane {display: block !important;}
body.takingTest .appSubSection.assessmentManager {left: 0 !important;} /* !important overrides element left style */
body.takingTest .appSection.assessmentTakerSection > .pane {
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	width: auto;
}
.assessmentDeliverer > .pane  .beginTestInfo > .message {display:block;font-weight:bold;text-align:center}
.assessmentDeliverer > .pane  .student-instructions {white-space: pre-line;}
.assessmentDeliverer > .pane.testLoading  .beginTestInfo {background:url(../images/ux/password-recovery-loader.gif) no-repeat top center;margin:0 auto;padding-top:2em}
.pane .resize {position:absolute;top:0;right:-13px;width:13px;height:100%;cursor:col-resize}
.pane.minimized .resize {display:none}
.userEditorSection > .pane {width:410px}
.organizationManager > .pane {width:282px}
.userAccountsManager > .pane {width:282px}
.organizationEditor > .pane {width:527px}
.pane.userList {width:260px}
.userEditorSection .pane input[type='text'] {width:90%}
.userEditorSection .pane div.password-enter-table {width: 90%;}
.userEditorSection div.addEnrollmentCode { padding-top: 1em; }
ul.userList, ul.rubricList {
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
	list-style-type:none;
	position:absolute;
	top:122px;
	right:0;
	bottom:0;
	left:1px;
}
ul.userList > li, ul.rubricList li {
	font-size:1.05em;
	padding:4px 0.3em 4px 30px;
	cursor:pointer;
	line-height:110%;
	border-bottom: 1px solid #ebebeb;
}
ul.userList > li.selected, ul.rubricList li.selected {background-color:hsl(210,38%,84%)}
ul.userList > li:nth-child(even), ul.rubricList > li:nth-child(even) {background-color:#f9f9f9}
ul.userList > li.selected:nth-child(even), ul.rubricList > li.selected:nth-child(even) {background-color:hsl(210,33%,82%)}
ul.roleList {top:70px}
ul.userList {top:70px}
ul.userList > li > ul {color:#999;font-size:68%;line-height:100%;list-style-type:none;margin: 0.4em 0 0.2em 0;padding:0}
ul.userList > li > ul > li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.userList > li > div.title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.userList > li > div.title > .username {
	color: #999;
	display: inline;
	font-size: 0.8em;
	margin-left: 0.4em;
}
ul.userList > li > div.title > .username::before {content:'('}
ul.userList > li > div.title > .username::after {content:')'}
ul.userList > li.hidden {display:none}

.pane {
	margin:0px 14px 0 0;
	height:100%;
	background-color:#fff;
	position:absolute;
	top:0;
	left:0;
	right:0;
	border-radius:13px 13px 10px 10px / 7px;
	-webkit-box-shadow:rgba(0,0,0,0.16) 0px 3px 8px, inset 0 0 1px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 8px rgba(0,0,0,0.16), inset 0 0 1px rgba(0,0,0,0.2);
	z-index:3;
	-webkit-transition:top 1s, left 1s, width 1s, right 500ms ease, opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
	-moz-transition:top 1s, left 1s, width 1s, right 500ms ease, opacity 500ms ease-in-out, -moz-transform 500ms ease-in-out;
	transition:top 1s, left 1s, width 1s, right 500ms ease, opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
.pane.showing, .pane.shown {
	-moz-transform: translate(0, 0) scale(1, 1);
	-webkit-transform: translate(0, 0) scale(1, 1);
	transform: translate(0, 0) scale(1, 1);
	opacity:1;
	display:block;
}
.pane.showing {
	-webkit-transition: opacity 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out, -moz-transform 500ms ease-in-out;
	transition: opacity 500ms ease-in-out, transform 500ms ease-in-out;
}
.pane.hiding, .pane.hidden, .hidden .pane {
	-moz-transform: translate(-200px, -200px) scale(0, 0);
	-webkit-transform: translate(-200px, -200px) scale(0, 0);
	transform: translate(-200px, -200px) scale(0, 0);
	opacity:0;
	display:block;
}
.pane.hiding {
	-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
	-moz-transition: opacity 1s ease, -moz-transform 1s ease;
	transition: opacity 1s ease, transform 1s ease;
}
.no-pane-animation .pane {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}
.pane.hidden {
	display:none;
}
.pane .contents {
	position:absolute;
	top:25px;
	bottom:0;
	overflow:auto;
	padding:25px 10%;
}
.pane > h2 {
	border-width:2px;
	border-style:solid;
	border-color:hsl(210,81%,94%) hsl(210,61%,67%) hsl(210,53%,55%);
	-moz-border-top-colors:hsl(210,67%,99%) hsl(210,59%,80%);
	-moz-border-right-colors:hsl(210,54%,72%) hsl(210,61%,67%);
	-moz-border-left-colors:hsl(210,54%,72%) hsl(210,61%,67%);
	-webkit-border-top-colors:hsl(210,67%,99%) hsl(210,59%,80%);
	-webkit-border-right-colors:hsl(210,54%,72%) hsl(210,61%,67%);
	-webkit-border-left-colors:hsl(210,54%,72%) hsl(210,61%,67%);
	background-color:hsl(210,83%,66%);
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=hsl%28210,82%25,66%25%29&stop=hsl%28210,58%25,58%25%29);
	background-image:-webkit-gradient(linear, left top, left bottom, from(hsl(210, 85%, 70%)), to(hsl(210, 54%, 54%)));
	background-image:-moz-linear-gradient(top center, hsl(210,83%,66%), hsl(210,58%,58%));
	border-radius:13px 13px 0 0 / 7px 7px 0 0;
	-webkit-box-shadow:rgba(0,0,0,0.3) 0px 1px 2px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	padding:0 0 1px 5px;
	position:relative;
	color:hsl(210, 56%, 91%);
	text-shadow:0 1px 3px rgba(255,255,255,0.6), 0 1px 1px rgba(0,0,0,0.3);
	text-align:right;
	z-index:2;
}
.pane.minimized {
	/*-webkit-transition: top 1s ease, left 1s ease, width 1s ease;
	-moz-transition: top 1s ease, left 1s ease, width 1s ease;
	transition: top 1s ease, left 1s ease, width 1s ease;*/
	border-top-right-radius: 20px;
	height: 24px;
	background-color:rgba(255,255,255,0);
	-webkit-box-shadow:none;
	box-shadow:none;
}
.pane.minimized + section .pane.poppedUp {left: -168px; width: 400px !important;}
.pane.minimized + section .pane.minimized + section .pane.poppedUp {left:-158px;width:350px !important}
.pane.minimized > h2 {
	-webkit-transition: border-radius 1s ease, -webkit-box-shadow 1s ease;
	-moz-transition: border-radius 1s ease, box-shadow 1s ease;
	transition: border-radius 1s ease, box-shadow 1s ease;
	border-radius:13px 15px 17px 7px / 9px 13px 11px 7px;
	cursor:pointer;
	-webkit-box-shadow:rgba(0,0,0,0.16) 0px 1px 4px;
	box-shadow:0 2px 2px rgba(0, 0, 0, 0.2);
}
.pane.minimized > h2 .title {right: 27px;}
.pane.minimized > h2 .title {
	text-decoration:underline;
	cursor:pointer;
}
.pane.minimized > h2 .title::after {content:' ▾'}
.pane.minimized div.search, .pane.minimized > ul, .pane.minimized div.tabular_items, .pane.minimized .content, .pane.minimized table.results {display:none}
.pane.minimized > div.actionBar {display: none;}
.pane.minimized > div.detail {display: none;}
.pane.minimized > div.info_items {display: none;}
.pane.poppedUp div.search, .pane.poppedUp > ul, .pane.poppedUp div.tabular_items, .pane.poppedUp .content {display:block}
.pane.poppedUp {
	height:inherit;
	bottom:11px; width:355px !important;
	-webkit-box-shadow:rgba(0,0,0,0.16) 0px 3px 8px, #CCC 0px 0px 2px 1px;
	border-radius:13px 15px 7px 7px / 9px 13px 7px 7px;
	box-shadow: 0px 3px 8px rgba(0,0,0,0.16), 0px 0px 2px 1px #CCC;
	background:#fff;
	z-index:4;
	-webkit-transition:none 0s;
	-moz-transition:none 0s;
	transition:none 0s;

}
.pane.poppedUp h2 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-transition:none 0s;
	-moz-transition:none 0s;
	transition:none 0s;
}
span.moreInfo {
	border:1px solid hsla(0,0%,0%,0.2);
	border-radius:6px;
	padding:0px 3px;
	font-weight:bold;
	background:hsla(210,50%,50%,0.13);
	font-size:92%;
	margin:0 1em;
	cursor:pointer;
	color:rgba(0,0,0,0.7);
}
span.moreInfo::before {content:'?'}

.hollow {
	background-color: hsl(210,16%,92%);
	background: hsl(210,15%,88%) url(/compat/linear-gradient.svg?point=top&stop=%23fff&stop=hsl%28210,16%25,92%25%29&stop=hsl%28210,15%25,91%25%29);
	background: hsl(210,15%,88%) -moz-linear-gradient(top, #fff, hsl(210,16%,92%), hsl(210,15%,91%)) repeat-x;
	background: hsl(210,15%,88%) -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.3, hsl(210,16%,92%)), color-stop(1, hsl(210,15%,91%))) repeat-x;
	border-color: hsl(210,2%,83%) hsl(210,13%,90%) hsl(210,16%,94%);
	border-radius: 16px / 10px;
	border-style: solid;
	border-width: 1px;
	-webkit-box-shadow: 0 2px 4px rgba(255,255,255,0.7),0 -2px 4px rgba(0,0,0,0.1),inset 0 -2px 6px rgba(255,255,255,0.3),inset 0 0 100px 20px hsla(210,100%,13%,0.07),inset 0 2px 3px rgba(0,0,0,0.07);
	box-shadow: 0 2px 4px rgba(255,255,255,0.7),0 -2px 4px rgba(0,0,0,0.1),inset 0 -2px 6px rgba(255,255,255,0.3),inset 0 0 100px 20px hsla(210,100%,13%,0.07),inset 0 2px 3px rgba(0,0,0,0.07);
	height: 100%;
	margin: 0 7px;
	overflow: auto;
}
.hollow p {
	color: hsl(210,13%,54%);
	padding: 0 13px 10px 13px;
}

/* Alternative login color (green) for subdomains */
body.is-subdomain.loggedOut header h1 {
	color: hsl(115,15%,61%);
	text-shadow: 0 1px 1px #fff, 0 -1px 1px #fff, 2px 0 1px #fff, -2px 0 1px #fff, 0 2px 8px hsla(115,100%,24%,0.26);
}
body.is-subdomain.loggedOut header h1 span {color: hsl(115,33%,30%);}
body.is-subdomain.loggedOut header h1 span.core {color: hsl(115,25%,40%);}
body.is-subdomain #intro a, body.is-subdomain #login a, body.is-subdomain #forgot-password a, body.is-subdomain #createAccount a {color: hsl(115,37%,47%);}
body.is-subdomain #login .pane, body.is-subdomain #forgot-password .pane, body.is-subdomain #createAccount .pane {
	background: hsl(115,52%,94%);
	background: url(/compat/linear-gradient.svg?point=center%20top&stop=hsl%28115,88%25,97%25%29&stop=%23fff) repeat-x scroll 0 0;
	background:-moz-linear-gradient(center top , hsl(115,88%,97%), #fff) repeat-x scroll 0 0;
	background:hsl(115,52%,94%) -webkit-gradient(linear, left top, left bottom, color-stop(0, hsl(115,88%,97%)), color-stop(1, #fff)) repeat-x;
}
body.is-subdomain #login .pane > h2, body.is-subdomain #forgot-password .pane > h2, body.is-subdomain #createAccount .pane > h2 {
	border-color:hsl(115,81%,94%) hsl(115,61%,67%) hsl(115,53%,55%);
	-moz-border-top-colors:hsl(115,67%,99%) hsl(115,59%,80%);
	-moz-border-right-colors:hsl(115,54%,72%) hsl(115,61%,67%);
	-moz-border-left-colors:hsl(115,54%,72%) hsl(115,61%,67%);
	-webkit-border-top-colors:hsl(115,67%,99%) hsl(115,59%,80%);
	-webkit-border-right-colors:hsl(115,54%,72%) hsl(115,61%,67%);
	-webkit-border-left-colors:hsl(115,54%,72%) hsl(115,61%,67%);
	background-color:hsl(115,83%,66%);
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=hsl%28115,82%25,66%25%29&stop=hsl%28210,58%25,58%25%29);
	background-image:-webkit-gradient(linear, left top, left bottom, from(hsl(115, 85%, 70%)), to(hsl(115, 54%, 54%)));
	background-image:-moz-linear-gradient(top center, hsl(115,83%,66%), hsl(115,58%,58%));
	color:hsl(115, 56%, 91%);
}
body.is-subdomain .hollow {
	background-color: hsl(115,16%,92%);
	background: hsl(115,15%,88%) url(/compat/linear-gradient.svg?point=top&stop=%23fff&stop=hsl%28115,16%25,92%25%29&stop=hsl%28210,15%25,91%25%29);
	background: hsl(115,15%,88%) -moz-linear-gradient(top, #fff, hsl(115,16%,92%), hsl(115,15%,91%)) repeat-x;
	background: hsl(115,15%,88%) -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.3, hsl(115,16%,92%)), color-stop(1, hsl(115,15%,91%))) repeat-x;
	border-color: hsl(115,2%,83%) hsl(115,13%,90%) hsl(115,16%,94%);
	-webkit-box-shadow: 0 2px 4px rgba(255,255,255,0.7),0 -2px 4px rgba(0,0,0,0.1),inset 0 -2px 6px rgba(255,255,255,0.3),inset 0 0 100px 20px hsla(115,100%,13%,0.07),inset 0 2px 3px rgba(0,0,0,0.07);
	box-shadow: 0 2px 4px rgba(255,255,255,0.7),0 -2px 4px rgba(0,0,0,0.1),inset 0 -2px 6px rgba(255,255,255,0.3),inset 0 0 100px 20px hsla(115,100%,13%,0.07),inset 0 2px 3px rgba(0,0,0,0.07);
}
body.is-subdomain .hollow p {color: hsl(115,13%,54%);}

nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
	position:absolute;
	right:0;
	left:0;
	top:26px;
	bottom:0;
}
nav ul > li {
	font-size:1.05em;
	padding:4px 0.3em 4px 30px;
	color:#00c;
	text-decoration:underline;
	cursor:pointer;
	line-height:110%;
	-webkit-transition:margin 1s;
	-moz-transition:margin 1s;
	transition:margin 1s;
}
nav ul > li.has-minimized {opacity: 0; white-space: nowrap;}
nav ul > li > span.icon {
	position:absolute;
	margin-top:-3px;
	height:24px;
	width:24px;
	left:0px;
}
nav ul > li.has-action-menu {padding-right:30px}
nav ul > li.folder > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px 2px}
nav ul > li.folder.selected > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -22px}
nav ul > li.sharedAssessments > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -46px}
nav ul > li.sharedAssessments.selected > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -70px}
nav ul > li.assessmentsToTake > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -94px}
nav ul > li.assessmentsToTake.selected > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -118px}
nav ul > li.organizations > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -142px}
nav ul > li.itemBank > span.icon {background:url(../images/ux/itemBankEditor.png) no-repeat 3px 0}
nav ul > li.users > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -166px}
nav ul > li.settings > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -190px}
nav ul > li.trash > span.icon {background:url(../images/ux/navIcons.png) no-repeat 3px -214px}
nav ul > li > .action-menu {display:none;position:absolute;right:0}
nav ul > li > .action-menu.showing {display:block}
nav ul > li:hover > .action-menu {display:block}
nav ul > li:hover {background-color:hsl(210,26%,93%)}
nav ul > li.has-minimized, nav ul > li.has-minimized:hover {background-color: inherit !important;}
nav ul > li.selected, nav ul > li.selected:hover {background-color: hsl(210,38%,84%);}
nav ul > li.divider {
	cursor:inherit;
	color: hsl(0,0%,50%);
	background:hsl(0,0%,92%);
	font-size:11px;
	text-transform:uppercase;
	font-weight:bold;
	padding:2px 0.5em 5px 0.6em;
	text-decoration:none;
	text-shadow:0 1px 1px white;
	margin:7px 0 1px;
}
body div.takingTest, body.takingTest nav ul.main {display: none;}
body.takingTest #logout-link-container {display: none !important;}
body.takingTest nav .pane {background-color:hsl(210,23%,97%)}
body.takingTest nav div.takingTest {display:block}
div.takingTest {margin:7px 11px}
div.takingTest .duration {color: #aaa; text-align: center;}
div.takingTest > div.remaining {
	border-radius:6px;
	text-align: center;
	margin-top: 0.5em;
	padding: 4px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
div.takingTest > div.remaining.warning {
	background-color: hsl(210,53%,55%);
	color: white;
	font-weight: bold;
}
div.takingTest .responded {color: hsl(210,25%,27%); font-size: 90%; text-align: center;}
div.takingTest .respondedTo {text-align:center}
div.takingTest .progress {
	-webkit-box-shadow:#fff 0 2px 2px, rgba(0,0,0,0.25) 0 -1px 2px 1px, rgba(0,0,0,0.3) 0 1px 2px inset;
	border-radius:6px / 3px;
	box-shadow:0 2px 2px #FFF, 0 -1px 2px 1px rgba(0,0,0,0.25), inset 0 1px 2px rgba(0,0,0,0.3);
	background-color:#DBDBDB;
	height:13px;
	position:relative;
	margin:13px 1px;
}
div.takingTest .progress .indicator {
	-webkit-box-shadow:rgba(0,0,0,0.3) 0 1px 2px inset, rgba(0,0,0,0.2) 0 0 1px inset, hsla(210,50%,26%,0.17) 0 -4px 3px inset, hsl(210,100%,75%) 0 -2px 4px 3px inset, hsl(210,100%,75%) 0 0 3px;
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), inset 0 0 1px rgba(0,0,0,0.2), inset 0 -4px 3px hsla(210,50%,26%,0.17), inset 0 -2px 4px 3px hsl(210,100%,75%), 0 0 3px hsl(210,100%,75%);
	border-radius:6px / 3px;
	background-color:hsl(210,100%,89%);
	height:12px;
	width:50%;
}
div.takingTest .progress .indicator span {display:none}
div.takingTest .showOneOrAll {text-align:center;margin:13px 0;font-size:85%}
div.takingTest .showOneOrAll .radioBtn {padding:2px 7px 1px}
div.takingTest .showOneNavigation {
	text-align:center;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;

}
div.takingTest .showOneNavigation.hidden {display:none}
div.takingTest .showOneNavigation > .radioBtn {height:inherit}
div.takingTest .showOneNavigation > div {
	vertical-align:top;
	display:inline-block;
	padding:2px 0.5em;
}
div.takingTest .showOneNavigation > div .icon {
	height:0.7em;
	font-size:250%;
	line-height:0.75em;
}
div.takingTest .showOneNavigation > div div {
	text-align:center;
}
div.takingTest .showOneNavigation .prev .icon::before {content:'◅'}
div.takingTest .showOneNavigation .jump .icon {line-height:0.55em;}
div.takingTest .showOneNavigation .jump {font-weight:bold}
div.takingTest .showOneNavigation .jump .icon::before {content:'◇';font-size:90%;font-weight:normal}
div.takingTest .showOneNavigation .next .icon::before {content:'▻'}
div.takingTest > div.save-test {
	bottom: 60px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
}
body.takingTest nav div.takingTest.hidden {display:none}
div.endTest {
	bottom:20px;
	left:0;
	position:absolute;
	right:0;
	text-align:center;
}
div.endTest button {padding: 4px 9px;}

.loading {
	background:url('../images/ux/loading.gif') no-repeat scroll 50% 100px transparent;
	height:100px;
	padding-top:40px;
	text-align:center;
}
div.small-loader {
	background: url("../images/ux/loading-small.gif") no-repeat scroll 50% 50% transparent;
	display: inline-block;
	height: 16px;
	margin: 2px;
	vertical-align: middle;
	width: 16px;
}

.pane > ul.testList {
	position:absolute;
	top:25px; bottom:0;
	width:100%;
	overflow:auto;
}
ul.testList {list-style-type:none;margin:0;padding:0}
ul.testList:empty, ul.testList.empty {padding:0.8em}
ul.testList:empty::after, ul.testList.empty::after {color:#999;content:"empty folder";font-size:0.8em;font-style:italic}
ul.testList.assessmentManager {top: 69px;}
ul.testList > li dl {margin:0 0 0 12px}
ul.testList > li {
	border-bottom:1px solid #cccccc;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
ul.testList > li > div {padding:0.1em 0 0.3em 41px;position:relative}
ul.testList > li > div {cursor:pointer}
ul.testList > li.selected > div, ul.testList > li.selected > div:hover {background-color:hsl(210,38%,84%);cursor:default}
ul.testList > li > div:hover {background-color:hsl(210,26%,93%)}
ul.testList > li.ui-sortable-helper {background-color: hsl(210,26%,93%);}
ul.testList > li > div > dl > dt {display:none}
ul.testList > li > div > dl > dd {margin:0 34px 2px 0}
ul.testList > li > div > h3 {
	font-size: inherit;
	font-weight: normal;
	margin: 2px 34px 0 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.testList > li.folder > div > h3 {margin:0 34px 0 12px;padding:8px 0 9px 0}
ul.testList > li.folder.open {border-bottom:none;padding-bottom:0.5em}
ul.testList > li.folder > ul.testList {display:none;margin:0 0 0 28px}
ul.testList > li.folder.open > ul.testList {
	display:block;
	border-top:1px solid hsl(0, 0%, 80%);
}
ul.testList > li.folder.open.ui-sortable-placeholder > ul.testList {display:none}
ul.testList > li.folder.open.ui-sortable-helper > ul.testList {display:none}
ul.testList > li .completed-test-count {
	height: 1.8em;
	padding: 15px 10px 0 5px;
	position: absolute;
	right: 0;
	top: 0;
}
ul.testList > li .test-duration {color:#999;font-size:68%;white-space:nowrap}
ul.testList > li .test-duration.now {font-weight:bold}
ul.testList > li > div > .action-menu {display:none;position:absolute;right:0;top:12px}
ul.testList > li > div > .action-menu.showing {display:block}
ul.testList > li > div:hover > .action-menu {display:block}
ul.testList > li > div > .leaf {
	background: transparent url(../images/ux/folderAssessmentIcons.png) no-repeat 11px 0;
	border-bottom-left-radius:7px 10px;
	border-bottom-right-radius:0px 0px;
	border-top-left-radius:7px 10px;
	border-top-right-radius:0px 0px;
	left:16px;
	height:32px;
	padding:0px 3px 0px 1px;
	position:absolute;
	margin: 3px 0 0 -4px;
	width: 34px;
}
ul.testList > li.assessment > div > .leaf {background-position: 11px -64px;}
ul.testList > li.assessment.empty > div > .leaf {background-position: 11px 0;}
ul.testList > li.assessment.notTaken > div > .leaf {background-position: 11px -32px;}
ul.testList > li.assessment.results > div > .leaf {background-position: 11px -96px;}
ul.testList > li.folder > div > .leaf {background-position: 11px -128px;}
ul.testList > li.folder.open > div > .leaf {background-position: 11px -160px;}
ul.testList.myAssessments > li > div:hover > .leaf {background-color: hsla(0,0%,100%,0.5);}
ul.testList.myAssessments > li ul.testList > li > div:hover > .leaf {background-color: hsla(0,0%,100%,0.5);}
ul.testList > li > div > .leaf > span {
	display: inline-block;
	height: 13px;
	margin: 9px 2px 0 2px;
	opacity: 0;
}
ul.testList > li > div > .leaf > span {width: 11px;}
ul.testList > li > div:hover > .leaf > span {opacity:1}
ul.testList > li > div:hover > .leaf > span.delete {opacity:0.6}
ul.testList > li > div:hover > .leaf > span.delete:hover {opacity:1}
ul.testList > li > div:hover > .leaf > span.move {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll -22px 1px transparent;
	cursor:row-resize;
	opacity:0.6;
}
ul.testList > li > div:hover > .leaf > span.move:hover {opacity:1}
ul.testList > li.folder > div > span.toggle::before {content:'▶ '}
ul.testList > li.folder.open > div > span.toggle::before {content:'▼ '}
ul.testList > li.folder > div > span.toggle {
	color:#777;
	cursor: pointer;
	display: block;
	font-size:90%;
	height: 30px;
	position: absolute;
	left: 0;
	line-height: 30px;
	text-align: center;
	top: 5px;
	width: 15px;
	z-index: 2;
}
ul.testList > li.hidden {display:none}
/* Hide sort handle when list is filtered */
ul.testList.filtered > li > div > div.leaf > span.move {visibility:hidden}

.panelResize {
	padding:2px;
	position:absolute !important;
	right:4px;
	top:6px;
	cursor:col-resize;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.panelResize div {
	background-color:#fff;
	border:1px solid;
	border-color:rgba(128,128,128,0.25) rgba(0,0,0,0.10) rgba(128,128,128,0.25) rgba(200,200,200,0.3);
	width:1px;
	height:30px;
}
div.test-items-view > div.about-resize {
	bottom: 0;
	display: inline-block;
	padding: 20% 1px 0;
	position: absolute;
	top: 96px;
	width: 7px;
}
div.test-items-view > div.about-resize > div.about-resize-handle {
	background-color: white;
	border: 1px solid;
	border-color: rgba(128,128,128,0.25) rgba(0,0,0,0.10) rgba(128,128,128,0.25) rgba(200,200,200,0.3);
	cursor: col-resize;
	height: 50px;
	width: 3px;
}
.radioBtn {
	display:inline-block;
	border:solid 1px #aaa;
	padding:3px 9px 4px 9px;
	height:17px;
	text-align:center;
	font-size:0.9em;
	text-shadow:0px 1px 2px rgba(255,255,255,1);
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=%23fff&stop=%23ccc);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background-image:-moz-linear-gradient(top center, #fff, #ccc);
	-webkit-box-shadow:0 -1px 3px 1px rgba(255, 255, 255, 0.8), 0 1px 3px 1px rgba(0, 0, 0, 0.13);
	box-shadow:0 -1px 3px 1px rgba(255, 255, 255, 0.8), 0 1px 3px 1px rgba(0, 0, 0, 0.13);
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.radioBtn:hover {
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=hsl%28210,24%25,96%25%29&stop=hsl%28210,5%25,82%25%29);
	background-image:-webkit-gradient(linear, left top, left bottom, from(hsl(210,24%,96%)), to(hsl(210,5%,82%)));
	background-image:-moz-linear-gradient(top center, hsl(210,24%,96%), hsl(210,5%,82%));
	cursor:pointer;
}
.radioBtn:first-child {
	margin:5px 0 2px 0;
	border-right:none 0;
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
}
.radioBtn + .radioBtn {
	margin:5px 0 2px 0;
	border-right:none 0;
}
.radioBtn:last-child {
	margin:5px 5px 2px 0;
	border-right:solid 1px #aaa;
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
}
.radioBtn.disabled, .radioBtn.disabled:hover {
	border-color: #ccc;
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=%23f2f2f2&stop=%23d9d9d9);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d9d9d9));
	background-image:-moz-linear-gradient(top center, #f2f2f2, #d9d9d9);
	color: #ccc;
	cursor: inherit;
}
.radioBtn.down, .radioBtn.down:hover, .radioBtn.chosen, .radioBtn.chosen:hover, button.chosen, button.chosen:hover {
	background:url(/compat/linear-gradient.svg?point=top%20center&stop=hsl%28210,100%25,90%25%29&stop=hsl%28210,46%25,81%25%29);
	background-image:-webkit-gradient(linear, left top, left bottom, from(hsl(210,100%,90%)), to(hsl(210,46%,81%)));
	background-image:-moz-linear-gradient(top center, hsl(210,100%,90%), hsl(210,46%,81%));
}

nav .pane h2 {padding-left:7px}
nav .pane h2 .title {left:28px}
.pane h2 span {
	cursor:pointer;
	height:19px;
	opacity:0.8;
	overflow:visible;
	padding-right:2px;
	padding-top:3px;
	position:absolute;
}
.pane h2 .icon, .pane h2 .title {padding-top:2px;opacity:1;cursor:inherit;left:4px}
.pane h2 .title {
	padding-top:0;
	height:20px;
	left:30px;
	right:40px;
	text-align:left;
	overflow:hidden;
	overflow:ellipsis;
}
.pane h2 .title strong {color: hsl(210,0%,97%)}
.pane h2 .title span {float:none;opacity:1;font-weight:bold}
.pane h2 .minimize, .pane h2 .close, .pane h2 .maximize {position:relative;top:2px;display:none}
.pane h2 .minimize {top:-1px;padding-top:0;margin-right:3px}
.minimizable > .pane h2 .minimize {display:inline}
.minimizable > .appSection > .pane h2 .minimize {display:inline}
.maximizable > .appSection > .pane h2 .maximize {display:inline}
.closable > .appSection > .pane h2 .close {display:inline}
.pane h2 .unminimize {right:0px}
.pane h2 .close {font-size:8px}
.pane h2 .unminimize {display:none}
.minimized h2 .minimize, .minimized h2 .close, .minimized h2 .maximize {display:none !important;}
.minimized h2 .unminimize {display:inline; padding-top:2px;}
.pane h2 .minimize::before {content:url(../images/ux/minimize.png)}
.pane h2 .maximize::before {content:url(../images/ux/maximize.png)}
.pane h2 .close::before {content:url(../images/ux/close.png)}
.pane h2 .unminimize::before {content:url(../images/ux/unminimize.png)}
#login .pane h2 .icon::before {content:url(../images/ux/lock.png)}
#forgot-password .pane h2 .icon::before {content:url(../images/ux/lock.png)}
nav .pane h2 .icon {left:-13px;top:-14px}
nav .pane h2 .icon::before {content:url(../images/ux/navigation.png)}
nav .pane h2 {overflow:visible}
.assessmentList h2 .icon::before {content:url(../images/ux/open_folder.png)}
.userEditorSection .pane h2 .icon::before {content:url(../images/ux/settings.png)}
.assessmentDeliverer .pane h2 .icon::before {content:url(../images/ux/my_tests.png)}
.assessmentEditor .pane h2 .icon::before {content:url(../images/ux/my_tests.png)}
.studentResult .pane h2 .icon::before {content:url(../images/ux/result.png)}
.folderEditor h2 .icon::before {content: url(../images/ux/closed_folder.png);}
.organizationList h2 .icon::before, .organizationEditor > .pane > h2 .icon::before {content:url(../images/ux/organizations.png)}
.itemBankEditor h2 .icon {height:24px;top:-3px}
.itemBankEditor h2 .icon::before {content:url(../images/ux/itemBankEditor.png)}
.pane h2 .minimize:hover, .pane h2 .maximize:hover, .pane h2 .close:hover,
	.pane h2 .unminimize:hover {opacity:1}
.resizing .appSubSection {
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.participantList, .shareList, .curriculaTags {font-size:85%;color:#555}
.participantList .participant, .shareList .share, .curriculaTags .curriculum {
	background-color:hsl(210,100%,99%);
	border:1px solid #ddd;
	margin:0 0 4px;
	padding:2px 5px 4px;
}
.share .folder, .participant .folder {
	background: url(../images/ux/folderAssessmentIcons.png) no-repeat 0px -103px;
	background-size: 22px auto;
	padding: 1px 0 1px 22px;
}
.participantList .participant span.close, .shareList .share span.close, .curriculaTags .curriculum span.close {
	border-radius:9px 9px 6px 9px / 6px 6px 6px 6px;
	background-color:hsl(210,15%,95%);
	border-color:#DDD #EEE #EEE #DDD;
	border-style:solid;
	border-width:1px;
	font-size:120%;
	left:-8px;
	line-height:100%;
	padding:0 3px;
	position:relative;
	top:-2px;
	cursor:pointer;
}
.participantList .participant span.close:hover, .shareList .share span.close:hover, .curriculaTags .curriculum span.close:hover {background-color:hsl(210,100%,90%);color:#665C99}
.participantList .participant span.close::after, .shareList .share span.close::after, .curriculaTags .curriculum span.close::after {content:'×'}
.participantList .participant span.role, .participantList .participant span.organization, .participantList .participant span.user,
.shareList .share span.role, .shareList .share span.organization, .shareList .share span.user {color:hsl(210,16%,54%);font-weight:bold}
.shareList > .share label {display:block}
.drawer.participants, .drawer.shares {
	right:16px;
}
.drawer.curricula.open {width:200px}
.drawer.curricula ol, .drawer ul.rubrics {
	list-style:none outside none;
	padding:0;
	background:white;
	border:1px solid hsl(0, 0%, 70%);
	bottom:0;
	position:absolute;
	top:0;
	left:11px;
	right:10px;
	overflow-y:auto;
}
.drawer.curricula ol li {margin: 0px 0px 0px 5px;cursor:pointer}
.drawer.curricula ol li.added {color: #999; cursor: inherit;}
.drawer.curricula ol li::before {
	content:'+ ';
	font-weight:bold;
	color:#090;
}
.drawer.curricula ol li.added::before {color:#aaa;}
.drawer.curricula ol li:hover {background-color:hsla(210,100%,50%,0.1)}
.drawer ul.rubrics {top:27px}
.drawer ul.rubrics li {padding:2px 2px 4px 7px;cursor:pointer}
.drawer ul.rubrics li .rubric {
	border:1px solid hsl(210,13%,67%);
	border-radius:7px / 13px;
	margin-right:0.5em;
	overflow:hidden;
	background:hsl(210,90%,96%);
	padding:0 0 2px 2px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.drawer ul.rubrics li .rubric.new {background:hsl(135,90%,96%)}
.drawer ul.rubrics li .rubric.new .name::before{content:'+ ';font-weight:bold;color:#090}
.drawer ul.rubrics li:hover {background-color:hsla(210,100%,50%,0.1)}
.drawer ul.rubrics li span.move {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll -46px 1px transparent;
	width:11px;
	cursor:col-resize;
	opacity:0.6;
	display:inline-block;
	height:11px;
	margin:0 4px;
}
.drawer ul.rubrics li span.move:hover {opacity:1}

.rubricName {width:40em}
.editRubric {padding:1.5em}
.rubricHelp {margin-bottom: 1em;}
.rubricHelp p {margin:0.5em 5em;font-size:80%;color:gray}
table.rubric {text-align:left;font-family:Tahoma;font-size:85%;position:relative;}
table.rubric caption {margin: 0 0 0.7em; min-width: 400px; text-align: left;}
table.rubric th, table.rubric td {
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	padding:2px 5px 3px 6px;
	vertical-align:top;
}
table.rubric td.empty {cursor: inherit;}
table.rubric th {background-color: #eee; vertical-align: bottom;}
table.rubric .new {font-size:85%;white-space:nowrap;cursor:pointer}
table.rubric .new:hover {background:hsla(120,100%,90%,0.25)}
table.rubric .new::before {content: '+ ';color:green}
table.rubric td .rubricExample, table.rubric td .example .new {
	border:1px solid hsla(0, 0%, 38%, 0.5);
	color:#222;
	border-radius:3px / 8px;
	-webkit-box-shadow: hsla(0,0%,0%,0.2) 0px 2px 2px, hsla(210,80%,10%,0.07) 0px 1px 2px 1px inset, hsla(0,100%,100%,0.8) 0px -1px 2px 1px inset;
	box-shadow: 0px -1px 2px hsla(0,0%,0%,0.1), inset 0px 1px 2px 1px hsla(210,80%,10%,0.07), inset 0px -1px 2px 1px hsla(0,100%,100%,0.8);
	font-size:85%;
	padding:0 6px 2px 6px;
	margin:1em 1.2em 0 1em;
	position:relative;
}
table.rubric td .example .new {
	opacity:0;
	display:inline-block;
	padding: 1px 7px 2px 4px;
}
table.rubric td:hover .example .new {
	opacity:0.5;
	padding-left:4px;
}
table.rubric td .evaluation-score {display: none;}
table.rubric td.selected .evaluation-score {display: block;}
table.rubric td .evaluation-score input {width: 3em;}
table.rubric td .example .new:hover {opacity:1}
table.rubric td .rubricExample div.removeContainer {position:relative}
table.rubric td .rubricExample div.remove {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	position:absolute;
	height:13px;
	width:11px;
	opacity:0;
	cursor:pointer;
	left:-21px;
}
table.rubric td .rubricExample:hover .remove {opacity:0.3}
table.rubric td .rubricExample .file {margin-left:15px;}
table.rubric td .rubricExample .file div.remove {left:-15px;opacity:0;}
table.rubric td .rubricExample .file:hover div.remove {opacity:0.3;}
table.rubric td .rubricExample .essay {font-size:1.1em;}
table.rubric td .rubricExample iframe {display:none;}
table.rubric td .rubricExample .file {
	display: inline-block;
	text-align: center;
	padding: 2px;
}
table.rubric td .rubricExample .file .icon {
    display: inline-block;
    height: 48px;
    width: 48px;
}
table.rubric td .rubricExample .file .name {
	display: block;
    font-family: Tahoma;
    font-size: 70%;
}
table.rubric td .rubricExample li.file:hover {background:hsla(210,100%,50%,0.1)}
table.rubric td .rubricExample .essayContainer {padding:1em}
table.rubric td .rubricExample .essayContainer .essay {width:100%}
table.rubric td.selected {background:hsla(210,100%,95%,0.7)}
table.rubric th.level > div.score {
	color: #555;
	cursor: inherit;
	display: none;
	font-size: 85%;
	font-weight: normal;
	text-align: right;
	white-space: nowrap;
}
table.rubric.has-level-scores th.level > div.score {display: block;}
table.rubric th.level input {width:3em}
table.rubric .expandedDescriptor {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	position:absolute;
	top:0px;
	left:0px;
	border:1px solid hsl(0, 0%, 70%);
	padding:2px 5px 3px 6px;
	width: 100%;
	min-height:100%;
	background-color:white;
	z-index:10;
}
table.rubric th.criterion div[contenteditable], table.rubric th.level div[contenteditable], table.rubric .descriptor[contenteditable] {cursor:text;min-width:4em;min-height:1.4em}
table.rubric.editable th:hover {background:hsla(210,100%,86%,0.2)}
table.rubric.editable td:hover {background:hsla(210,100%,93%,0.2)}
table.rubric.editable td .descriptor:hover {background: hsla(210,10%,100%,0.5)}
table.rubric.editable td .descriptor.too-long {
	border: 1px solid #ed4337;
	border-radius:6px;
	padding: 0 4px;
}
table.rubric.editable td .descriptor.too-long::after {
	background-color: #ed4337;
	color: white;
	content: "Description content is too long; cannot save contents.";
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: 4px -4px 0 -4px;
	padding: 4px;
	width: 100%;
}
table.rubric.editable td.empty:hover {background:inherit}
table.rubric.editable th {position:relative}
table.rubric.editable th div.removeContainer {position:relative}
table.rubric.editable th div.remove {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	position:absolute;
	height:13px;
	width:11px;
	opacity:0;
	cursor:pointer;
}
table.rubric.editable:hover th .remove {opacity:0.3}
table.rubric.editable th.level .remove {top:-17px;}
table.rubric.editable th.criterion .remove {left:-19px;}
table.rubric.editable th .remove:hover {opacity:1}
ol.takeTestItems table.rubric {margin:1em 1.25em 0 0}
table.rubric td .zoomContainer {position:relative}
table.rubric td .zoom  {
	background:url(../images/ux/magnify.png) no-repeat scroll 1px 1px transparent;
	position:absolute;
	top:-18px;
	right:0px;
	height:13px;
	width:13px;
	opacity:0;
	cursor:pointer;
}
table.rubric td:hover .zoom {opacity:0.3}
table.rubric td .zoom:hover {opacity:1}

div.member-group-browser {
	background: white;
	border: 1px solid #ccc;
	bottom: 7px;
	left: 8px;
	overflow: auto;
	padding: 0 3px 0 0;
	position: absolute;
	right: 7px;
	top: 7px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.member-group-browser ul.memberships, div.member-group-browser ul.organizations, div.member-group-browser ul.roles {
	list-style: none;
	margin: 0;
	padding: 3px 0 0 18px;
}
div.member-group-browser ul.organizations > li > span.toggle, div.member-group-browser ul.roles > li > span.toggle {
	cursor: pointer;
	display: inline-block;
	left: -14px;
	margin-right: -14px;
	position: relative;
	vertical-align: top;
	width: 14px;
}
div.member-group-browser ul.organizations > li > span.toggle::before, div.member-group-browser ul.roles > li > span.toggle::before {
	color: #777;
	content: '▶ ';
	font-size: 90%;
}
div.member-group-browser ul.organizations > li.loading, div.member-group-browser ul.roles > li.loading {
	background: url("../images/ux/loading-small.gif") no-repeat scroll 0 50% transparent;
	color: #777;
	font-size: 0.8em;
	height: auto;
	min-height: 16px;
	padding: 0 0 0 18px;
	text-align: left;
}
div.member-group-browser li.organization > ul, div.member-group-browser li.role > ul {display: none;}
div.member-group-browser li.organization.expanded > ul, div.member-group-browser li.role.expanded > ul {display: block;}
div.member-group-browser li.organization.expanded > span.toggle::before, div.member-group-browser li.role.expanded > span.toggle::before {content: '▼ ';}
div.member-group-browser li.organization.leaf > ul.organizations {display: none;}
div.member-group-browser ul.roles > li {color: hsl(210,33%,40%); font-size: 85%;}
div.member-group-browser ul.roles > li.none-message {color: #777; font-size: 0.8em;}
div.member-group-browser ul.roles > li.leaf > span.toggle {display: none;}
div.member-group-browser ul.roles > li.role > span.count {color: hsl(210,33%,30%);}
div.member-group-browser ul.roles > li.role > span.title {color: #00f; cursor: pointer; text-decoration: underline;}
div.member-group-browser ul.roles > li.role > span.title:hover {background-color: hsla(210,33%,38%,0.2);}
div.member-group-browser ul.roles > li.role > span.title::before {content: '+';}
div.member-group-browser ul.roles > li.role.added > span.title {color: hsl(210,33%,60%); cursor: inherit; text-decoration: inherit;}
div.member-group-browser ul.roles > li.role.added > span.title:hover {background-color: inherit;}
div.member-group-browser ul.roles > li.role.added > span.title::before {content: '';}
div.member-group-browser ul.roles > li.role.added > span.title::after {content: ' Added';}
div.member-group-browser ul.memberships > li.membership > span.title:hover {background-color: hsla(210,33%,38%,0.2);}
div.member-group-browser ul.memberships > li.membership > span.title > a {color: #00f; cursor: pointer; text-decoration: underline;}
div.member-group-browser ul.memberships > li.membership.added > span.title > a {display: none;}
div.member-group-browser ul.memberships > li.membership.membership-new > span.title > a {color: #ccc; cursor: default; text-decoration: none;}
.drawer.role, .drawer.user-qti-export {
	left:410px;
	width:300px;
}
.drawer.role ol li {margin: 0px 0px 0px 5px;cursor:pointer}
.drawer.role ol li::before {
	content:'+ ';
	font-weight:bold;
	color:#090;
}
.drawer.role ol li:hover {background-color:hsla(210,100%,50%,0.1)}
.import-widget {display:table;width:100%;position:relative;margin-bottom: 1em;}
.import-widget > div {display:table-row}
.import-widget label {display:table-cell;padding:5px 3px 10px 0;text-align:right;text-indent:-13px}
.import-widget .input {display:table-cell;padding:5px 10px 10px 3px;}
.import-widget .input > input, .import-widget .input > select {width:100%}
.processing > .import-widget {display:none}
.import-processing {display:none}
.processing > .import-processing {display:block;background:url(../images/ux/password-recovery-loader.gif) no-repeat top center;margin:0 auto;padding-top:2em}
.userEditorSection .pane, .blueprintArranger .pane {background:hsl(210,11%,96%)}
.tabular_items {
	bottom:0;
	margin-top: 9px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 5px;
	position:absolute;
	top:16px;
	width:100%;
}
.tabular_item {display:table-row}
.tabular_item.hidden {display:none}
.tabular_item .label {display:table-cell;text-align:right;padding:6px 4px 8px 13px;font-size:90%;vertical-align:top}
.tabular_item .label::after {content:':'}
.tabular_item .label.empty::after {content:''}
.tabular_item .label.nowrap {white-space: nowrap;}
.tabular_item .value {display:table-cell;padding:4px 13px 8px 4px}
.tabular_item .value.prompt {font-size:85%;color:rgba(0,0,0,0.7)}
.tabular_item .value.text-only {font-size: 85%;}
div.tabular_item > div.value > div.value-label {display: block; font-size: 0.8em; font-style: italic;}
.info_items {
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 5px;
	position: absolute;
	top: 16px;
	width: 100%;
}
.info_item {padding:4px 13px 8px}
.info_item p {margin-top:0.25em}

.filters .group {
	display: inline-block;
	font-size: 80%;
	padding: 0 1em;
	text-align: right;
}
.itemReport .filters, .resultsList .filters, .scoreDistribution .filters, .standardsMastery .filters {
	background:hsl(210, 11%, 91%);
	border-width:1px;
	border-style:solid;
	border-color:hsl(210, 2%, 78%) hsl(210, 4%, 81%) hsl(210, 3%, 75%);
	padding:6px 11px 5px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	height: 82px;
	overflow-x: auto;
	white-space: nowrap;
}
.resultsList .filters .button-container > iframe, .standardsMastery .filters .button-container > iframe {display: none;}
.scoreDistribution .graphs {
	position:absolute;
	width:100%;
	height:236px;
	top: 82px;
	background:hsl(210, 7%, 95%);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-width:1px;
	border-style:solid;
	border-color:hsl(210, 23%, 97%) hsl(210, 4%, 85%) hsl(210, 1%, 80%);
	padding:11px;
}
div.itemReport > div.content {
	background-color: white;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
div.itemReport > div.content > div.graph-container {
	background: hsl(210,7%,95%);
	border-color: hsl(210,23%,97%) hsl(210,4%,85%) hsl(210,1%,80%);
	border-style: solid;
	border-width: 1px;
	height: 118px;
	left: 0;
	overflow-x: auto;
	overflow-y: hidden;
	position: absolute;
	right: 0;
	top: 82px;
}
div.itemReport > div.content > div.graph-container > div.graph {
	bottom: 23px;
	left: 11px;
	min-width: 98%;
	min-width: -webkit-calc(100% - 11px);
	min-width: -mox-calc(100% - 11px);
	min-width: calc(100% - 11px);
	position: absolute;
	top: 11px;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart {
	box-shadow: 0 -1px 4px #aaa, 0 4px 2px white;
	height: 100%;
	margin-right: 15px;
	position: relative;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field {
	background: white;
	border-color: hsl(0,0%,66%) hsl(0,0%,88%) hsl(0,0%,98%);
	border-style: solid;
	border-width: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	min-width: 100%;
	padding: 0 5px;
	position: relative;
	white-space: nowrap;
	width: auto;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.half {
	border-top: 1px solid hsla(0,0%,0%,0.3);
	left: 0;
	position: absolute;
	top: 50%;
	width: 100%;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	height: 100%;
	min-width: 22px;
	padding: 0 3px;
	position: relative;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item:hover {
	background: hsla(210,100%,60%,0.17);
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item > div.bar-container {
	background: hsla(210,100%,60%,0.03);
	height: 100%;
	position: relative;
	width: 100%;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item.selected > div.bar-container {
	background: hsla(210,100%,60%,0.2);
	border-color: #0000e5;
	border-style: solid;
	border-width: 2px;
	left: -2px;
	top: -2px;
	z-index: 1;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item > div.bar-container > div.bar {
	background: hsl(210,32%,56%);
	border-color: hsl(210,31%,84%) hsl(210,25%,49%) hsl(210,25%,26%);
	border-style: solid;
	border-width: 1px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 0;
	position: absolute;
	width: 100%;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item > div.bar-container > div.sequence {
	bottom: -18px;
	font-size: 12px;
	position: absolute;
	text-align: center;
	width: 100%;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item > div.bar-container > div.tooltip {
	background: hsla(0,0%,100%,0.8);
	border: 1px solid hsla(0,0%,30%,0.5);
	bottom: -1em;
	box-shadow: 0 2px 6px hsla(0,0%,0%,0.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	font-size: 80%;
	left: -5%;
	left: -moz-calc((5em - 100%) / -2);
	left: -webkit-calc((5em - 100%) / -2);
	left: calc((5em - 100%) / -2);
	margin: 0 auto;
	padding: 3px 3px 5px;
	position: absolute;
	text-align: center;
	white-space: normal;
	width: 110%;
	width: -moz-calc(5em);
	width: -webkit-calc(5em);
	width: calc(5em);
	z-index: 3;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.item:hover > div.bar-container > div.tooltip {
	display: block;
}
div.itemReport > div.content > div.graph-container > div.graph > div.chart > div.field > div.quarters {
	border-bottom: 1px solid hsla(0,0%,0%,0.1);
	border-top: 1px solid hsla(0,0%,0%,0.1);
	height: 50%;
	left: 0;
	position: absolute;
	top: 25%;
	width: 100%;
}
div.itemReport > div.content > div.item-detail-resizer {
	background: transparent;
	cursor: row-resize;
	height: 7px;
	left: 0;
	position: absolute;
	right: 0;
	top: 350px;
}
div.itemReport > div.content > div.item-detail {
	border-bottom: 1px solid #bbb;
	display: none;
	height: 100px;
	overflow-y: auto;
	position: absolute;
	top: 202px;
	width: 100%;
}
div.itemReport > div.content > div.item-detail.showing {display: block;}
div.itemReport > div.content > div.item-detail li.item div.thumb:hover {background-color: inherit;}
div.itemReport > div.content > div.item-detail li.item:last-child > div.content {padding-bottom: 0.5em;}
div.itemReport > div.content > div.item-detail li.item > div.content > ol.options > li.option > div.letter {
	width: 80px;
}
div.itemReport > div.content > div.item-detail li.item > div.content > ol.options > li.option > div.letter > span.respondents {
	color: blue;
	cursor: pointer;
	display: inline-block;
	float: left;
	text-align: left;
	text-decoration: underline;
	width: 42px;
}
div.itemReport > div.content > div.item-detail li.item > div.content > ol.options > li.option > div.letter > span.respondents.none {
	color :#bbb;
	cursor: inherit;
	text-decoration: none;
}
div.itemReport > div.content > div.item-detail li.item > div.content > ol.options > li.option > div.letter > span.respondents.selected {
	font-weight: bold;
	text-decoration: none;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div.matches {margin-left: -1.5em;}
div.itemReport > div.content > div.item-detail li.item > div.content > div.matches > div.match > div.respondents {
	background-color: inherit;
	font-size: medium;
	padding-right: 0.5em;
	text-align: right;
	white-space: nowrap;
	width: 3.5em;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div.matches > div.match > div.respondents > span {
	color: blue;
	cursor: pointer;
	text-decoration: underline;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div.matches > div.match > div.respondents.none > span {
	color: #bbb;
	cursor: inherit;
	text-decoration: none;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div.matches > div.match > div.respondents > span.selected {
	font-weight: bold;
	text-decoration: none;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div.matches > div.match.correct > div.respondents::after {content: ' ✓';}
div.itemReport > div.content > div.item-detail li.item > div.content > div.matches > div.match.incorrect > div.respondents::after {content: ' ✖';}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb > div.case-sensitive {cursor: inherit;}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb:hover > div.case-sensitive {opacity: 0;}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb > div.case-sensitive:hover {opacity: 0;}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer.is-case-sensitive > div.thumb > div.case-sensitive {opacity: 1 !important;}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb:hover > div.correct {opacity: 1;}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb > div.correct:hover {opacity: 1;}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb > span.respondents {
	color: blue;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 90%;
	text-align: left;
	text-decoration: underline;
	width: 42px;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb > span.respondents.none {
	color :#bbb;
	cursor: inherit;
	text-decoration: none;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb > span.respondents.selected {
	font-weight: bold;
	text-decoration: none;
}
div.itemReport > div.content > div.item-detail li.item > div.content > div > div.correctShortAnswer > div.thumb > span.respondents.others {
	color: hsl(210,0%,50%);
}
.itemReport .content > .loading {
	position: absolute;
	top: 140px;
	width: 100%;
}
.scoreDistribution .graphs .chart {
	position:absolute;
	width:70%;
	height:200px;
	box-shadow:0 -1px 4px #aaa, 0 4px 2px white;
}
.scoreDistribution .chart .field {
	position:absolute;
	width:100%;
	height:200px;
	background:white;
	border-width:1px;
	border-style:solid;
	border-color:hsl(0,0%,66%) hsl(0,0%,88%) hsl(0,0%,98%);
}
.scoreDistribution .chart .field .bar {
	position:absolute;
	width:90%;
	left:0;
	bottom:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.scoreDistribution .chart .field .bar .tooltip {
	position:absolute;
	left:-25%;
	width:150%;
	top:-1em;
	background:hsla(0,0%,100%,0.8);
	border:1px solid hsla(0,0%,30%,0.5);
	padding:3px 3px 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:80%;
	box-shadow:0 2px 6px hsla(0,0%,0%,0.2);
	text-align:center;
	min-width:5em;
	display:none;
	z-index:3;
}
.scoreDistribution .item:hover .bar .tooltip, .scoreDistribution .bar:hover .tooltip {display:block}
.chart .field .bar.above-competency {background: hsl(120,100%,35%);}
.chart .field .bar.above-competency.selected {background: hsl(120,80%,45%);}
.chart .field .bar.above-competency:hover {background: hsl(120,80%,45%);}
.chart .field .bar.below-competency {background: hsl(0,100%,35%);}
.chart .field .bar.below-competency.selected {background: hsl(0,80%,45%);}
.chart .field .bar.below-competency:hover {background: hsl(0,80%,45%);}
.chart .field .bar.borderline-competency  {background: hsl(60,100%,45%);}
.chart .field .bar.borderline-competency.selected  {background: hsl(60,80%,65%);}
.chart .field .bar.borderline-competency:hover  {background: hsl(60,80%,65%);}
.chart .labels {
	font-size: 11px;
	left: 1px;
	position: absolute;
	right: 1px;
	top: 202px;
}
.chart .labels span {
	display: inline-block;
	position: absolute;
	text-align: center;
}
div.scoreDistribution div.chart > div.field > div.line {
	border-left: 1px solid black;
	bottom: 0;
	font-size: 12px;
	left: 0;
	overflow: visible;
	position: absolute;
	top: 10px;
	width: 0;
}
div.scoreDistribution div.chart > div.field > div.line > div.label {
	margin-left: 4px;
	position: relative;
	text-shadow: 0 1px 1px white, 0 1px 5px white;
	white-space: nowrap;
	z-index: 2;
}
.scoreDistribution .graphs .summary {
	position:absolute;
	left:73.5%;
	font-size:13px;
}
.scoreDistribution .graphs .summary .legend {
	
}
.legend .range {
	padding:1px 5px 2px;
	cursor:pointer;
}
.legend .range:hover {background:hsla(210,100%,45%,0.1)}
.legend .range.selected {background:hsla(210,100%,45%,0.2)}
.legend .range.label {
	text-decoration:underline;
	color:#0000e6;
}
.legend .range .swatch {
	width:1em;
	display:inline-block;
	height:1em;
	top:2px;
	position:relative;
	margin-right:0.5em;
}
.legend .range.above-competency .swatch {background: hsl(120,100%,35%);}
.legend .range.below-competency .swatch {background: hsl(0,100%,35%);}
.legend .range.borderline-competency .swatch {background: hsl(60,100%,45%);}
.pieChart svg path {cursor: pointer; stroke-width: 2;}
.pieChart svg path.above-competency {fill: hsl(120,100%,35%); stroke: hsl(120,100%,35%); z-index: 1;}
.pieChart svg path.above-competency:hover {fill: hsl(120,80%,45%); stroke: hsl(120,80%,20%); z-index: 2;}
.pieChart svg path.above-competency.selected {fill: hsl(120,80%,45%); stroke: hsl(120,80%,20%); z-index: 2;}
.pieChart svg path.below-competency {fill: hsl(0,100%,35%); stroke: hsl(0,100%,35%); z-index: 1;}
.pieChart svg path.below-competency:hover {fill: hsl(0,80%,45%); stroke: hsl(0,80%,20%); z-index: 2;}
.pieChart svg path.below-competency.selected {fill: hsl(0,80%,45%); stroke: hsl(0,80%,20%); z-index: 2;}
.pieChart svg path.borderline-competency {fill: hsl(60,100%,45%); stroke: hsl(60,100%,45%); z-index: 1;}
.pieChart svg path.borderline-competency:hover {fill: hsl(60,80%,65%); stroke: hsl(60,80%,20%); z-index: 2;}
.pieChart svg path.borderline-competency.selected {fill: hsl(60,80%,55%); stroke: hsl(60,80%,20%); z-index: 2;}
div.scoreDistribution div.studentListToggle {
	background-color: hsl(210, 7%, 95%);
	font-size: 80%;
	left: 0;
	padding: 2px;
	position: absolute;
	right: 0;
	top: 318px;
}
div.scoreDistribution div.studentListToggle > span {cursor: pointer; padding-left: 1em}
div.scoreDistribution div.studentListToggle > span::before {content: '▶ '; color:#777}
div.scoreDistribution div.studentListToggle.expanded > span::before {content: '▼ '; color:#777}
div.scoreDistribution div.studentList {
	bottom: 0;
	left: 0;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 337px;
}
div.scoreDistribution div.studentList > table.results {display: none}
div.scoreDistribution div.studentList.expanded > table.results {display: table}
div.scoreDistribution div.studentList {background-color: hsl(210, 7%, 95%)}
div.scoreDistribution div.studentList.expanded {background-color: inherit}
div.itemReport div.studentListToggle {
	background-color: hsl(210, 7%, 95%);
	font-size: 80%;
	left: 0;
	padding: 2px;
	position: absolute;
	right: 0;
	top: 202px;
}
div.itemReport div.studentListToggle > span {cursor: pointer; padding-left: 1em}
div.itemReport div.studentListToggle > span::before {content: '▶ '; color:#777}
div.itemReport div.studentListToggle.expanded > span::before {content: '▼ '; color:#777}
div.itemReport div.studentList {
	bottom: 0;
	left: 0;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 222px;
}
div.itemReport div.studentList > table.results {display: none}
div.itemReport div.studentList.expanded > table.results {display: table}
div.itemReport div.studentList {background-color: hsl(210, 7%, 95%)}
div.itemReport div.studentList.expanded {background-color: inherit}

.label {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.drawer {overflow: hidden;}
.search, .actionBar, .drawer, .blueprintSearchbox, .instructionsBox, .startBox {
	margin-top:0px;
	border-style:solid;
	border-width:0 1px 1px 1px;
	border-right-color:hsl(210,5%,85%);
	border-bottom-color:hsl(210,3%,69%);
	border-left-color:hsl(210,5%,85%);
	background:hsl(0,0%,94%);
	background:-webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background:-moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background:repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	position:relative;
}
div.pane.user-accounts-list > div.info {
	border-bottom: 1px solid #ebebeb;
	color: #888;
	font-size: 85%;
	height: 20px;
	left: 0;
	overflow: hidden;
	padding: 2px 8px;
	position: absolute;
	right: 0;
	text-overflow: ellipsis;
	top: 95px;
	white-space: nowrap;
}
div.pane.user-accounts-list.minimized > div.info {display: none;}
div.pane.user-accounts-list > div.search {height: 68px; overflow: hidden;}
div.pane.user-accounts-list > div.search > div.filter {
	font-size: 85%;
	height: 26px;
	padding-left: 1em;
	position: absolute;
	top: 40px;
	white-space: nowrap;
}
div.pane.user-accounts-list > ul.userList {top: 120px;}
div.pane.user-accounts-list > ul.userList > li {padding-left: 8px;}
.search .group {
	display:table;
	width:100%;
}
.actionBar {
	min-height: 45px;
	position: relative;
}
.actionBar .group {
	display: inline-block;
	margin-left: 9px;
	margin-top: 5px;
	white-space: nowrap;
}
.actionBar .group.close {
	position: absolute;
	right: 2px;
}
.actionBar .group.drawers {
	position: absolute;
	right: 17px;
}
.actionBar .group.essay-lines input {width: 3em;}
.actionBar .group button {padding: 3px 9px 4px 9px;}
.actionBar .info {
	font-size:80%;
	padding:5px 1em;
	color:#888;
}
.actionBar > button {margin: 10px;}
.actions {
	background: hsla(0, 0%, 0%, 0.05);
	padding: 5px 0 6px;
}

button {
	display:inline-block;
	border:solid 1px #aaa;
	border-radius:4px;
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=%23fff&stop=%23ccc);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background-image:-moz-linear-gradient(top center, #fff, #ccc);
	padding:1px 9px 2px 9px;
	text-align:center;
	font-size:0.9em;
	text-shadow:0px 1px 2px rgba(255,255,255,1);
	margin:5px 5px 0 0;
	white-space:nowrap;
	-webkit-box-shadow:0 -1px 3px 1px rgba(255,255,255,0.8), 0 1px 3px 1px rgba(0,0,0,0.13);
	box-shadow:0 -1px 3px 1px rgba(255,255,255,0.8), 0 1px 3px 1px rgba(0,0,0,0.13);
	cursor:pointer;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
button::-moz-focus-inner {
	/* Remove some Firefox-only style for normalization */
	border: none;
	padding: 0;
}
button:hover {
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=hsl%28210,24%25,96%25%29&stop=hsl%28210,5%25,82%25%29);
	background-image:-webkit-gradient(linear, left top, left bottom, from(hsl(210,24%,96%)), to(hsl(210,5%,82%)));
	background-image:-moz-linear-gradient(top center, hsl(210,24%,96%), hsl(210,5%,82%));
}
button:disabled {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ccc;
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=%23f2f2f2&stop=%23d9d9d9);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#d9d9d9));
	background-image:-moz-linear-gradient(top center, #f2f2f2, #d9d9d9);
	color: #ccc;
	cursor: inherit;
}
button span.icon {display: inline-block;}
button:disabled span.icon {opacity: 0.2;}
button.plus span.icon {
	display: inline-block;
	margin: 0 4px -5px 0;
}
button.plus span.icon::before {
	color: #090;
	content: '+';
	font-family: Tahoma, Helvetica;
	font-weight: bold;
}
button.plus:disabled span.icon {opacity: inherit;}
button.plus:disabled span.icon::before {color: inherit;}
button.save span.icon {
	background:url("../images/ux/save.png") no-repeat scroll 0 0 transparent;
	height:20px;
	margin:0 4px -6px -1px;
	width:20px;
}
button.stop span.icon {
	background: url("../images/ux/stop.png") no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 18px;
	margin: 0 4px -5px 0;
	vertical-align: top;
	width: 20px;
}

.print-preview-display {
	background: white;
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}
.print-preview-display .actionBar .group label {font-size: 80%;}
.print-preview-display .actionBar .group span {font-size: 80%;}

.print-preview-viewport {
	background: #eee;
	bottom: 0;
	left: 0;
	overflow-x: auto;
	overflow-y: scroll;
	position: absolute;
	right: 0;
	top: 46px;
}

.print-preview-view {
	overflow: hidden;
	width: 8.7in;
	width: -webkit-calc(8.5in + 16px);
	width: -moz-calc(8.5in + 16px);
	width: calc(8.5in + 16px);
}

.print-preview-warnings-bar {
	background: #fcf8e3;
	border: 2px solid #fbeed5;
	color: #c09853;
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.print-preview-display.has-warnings .print-preview-viewport {top: 70px;}

div.print-content {
	background: white;
	-webkit-box-shadow: 0 0 30px #aaa;
	box-shadow: 0 0 30px #aaa;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 8px;
	min-height: 11in;
	overflow-x: hidden;
	padding: 0.5in;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	transform-origin: top left;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	width: 8.5in;
}

.pane.minimized > .blueprintSearchbox {display: none;}
.blueprintSearchbox {height:220px;padding:8px 0 20px}
div.blueprintSearchbox div.addItems > div.value > label {font-size: 0.9em; vertical-align: text-top;}
.blueprintSearchbox .tabular_items {margin-top:0;top:5px;}
.blueprintSearchbox .tabular_items input[type='text'] {width:3em}
.blueprintSearchbox .tabular_item .label {padding:2px 4px 4px 13px}
.blueprintSearchbox .tabular_item .value {padding:2px 13px 4px 4px}
div.blueprintOutlineContainer {
	bottom: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 274px;
}
div.blueprintOutline {
	font-family: "Palatino", "Palatino Linotype";
	padding: 0 0 0 0.3em;
}
div.blueprintOutline > div.standardsDocument {
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.blueprintOutline > div.standardsDocument > span.items {
	background-color: hsl(210,21%,75%);
	border-color: hsl(210,100%,94%) hsl(210,16%,70%) hsl(210,9%,56%);
	border-style: solid;
	border-width: 1px;
	font-size: 85%;
	margin: 0 6px;
	padding: 0 2px 1px 2px;
}
div.blueprintOutline > div.standardsDocument > span.items > input {
	background: hsl(210, 20%, 84%);
	font-size: 80%;
	height: 1em;
	padding: 0;
	width: 3em;
}
div.blueprintOutline > div.standardsDocument > span.name {color: #888; font-size: 85%;}
div.blueprintOutline > div.standardsDocument > span.title {font-style: italic;}
div.blueprintOutline ul {
	margin: 0;
	padding: 0 0 0 1.4em;
}
div.blueprintOutline ul > li {list-style: none outside none;}
div.blueprintOutline ul > li > div.tag {
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.blueprintOutline ul > li > div.tag > span.items {
	background-color: hsl(210,21%,75%);
	border-color: hsl(210,100%,94%) hsl(210,16%,70%) hsl(210,9%,56%);
	border-style: solid;
	border-width: 1px;
	font-size: 85%;
	margin: 0 6px;
	padding: 0 2px 1px 2px;
}
div.blueprintOutline ul > li > div.tag > span.items > input {
	background: hsl(210, 20%, 84%);
	font-size: 80%;
	height: 1em;
	padding: 0;
	width: 3em;
}
div.blueprintOutline ul > li > div.tag > span.name {color: #888; font-size: 85%;}
div.blueprintOutline ul > li > div.tag > span.title {font-style: italic;}
div.blueprintOutline ul > li > div.tag > span.toggle {cursor: pointer; position: relative;}
div.blueprintOutline ul > li > div.tag > span.toggle::before {color: #777; content: '▶ '; font-size: 90%;}
div.blueprintOutline ul > li > ul {display: none;}
div.blueprintOutline ul > li.expanded > div.tag > span.toggle::before {content: '▼ ';}
div.blueprintOutline ul > li.expanded > ul {display: block;}
div.blueprintOutline ul > li.leaf > div.tag > span.toggle {cursor: inherit;}
div.blueprintOutline ul > li.leaf > div.tag > span.toggle::before {content: '•  ';}
div.blueprintOutline > ul {margin: 0; padding: 0;}
div.blueprintOutline.customizable > div.standardsDocument> span.items > input {background: white;}
div.blueprintOutline.customizable ul > li > div.tag > span.items > input {background: white;}

.rte {
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=%23fff&stop=%23ccc);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background-image:-moz-linear-gradient(top center, #fff, #ccc);
	border-bottom:1px solid #aaa;
	white-space:nowrap;
	height:23px;
}
.rte .new {
	font-family:Tahoma;
	height:20px;
	width:4em;
}
.rte .new.disabled {
	color: #888;
	cursor: inherit;
}
.rte .new::after {content:'New ▾'}
.rte .undo, .rte .redo {width:1.1em}
.rte .undo::after {content:'↩'}
.rte .redo::after {content:'↪'}
.rte .bold::after {content:'B';font-weight:bold}
.rte .italic::after {
	content:'i';
	font-size:120%;
	font-style:italic;
}
.rte .underline::after {content:'U';position:relative;top:-1px;text-decoration:underline}
.rte .strikethrough::after {content:' S ';text-decoration:line-through}
.rte .strikethrough {width:1em}
.rte .createLink {width:2.2em}
.rte .createLink::after {content:'Link';text-decoration:underline;color:#00c}
.rte .fontsize {width:1em}
.rte .fontsize::after {content:'T'}
.rte .foreColor::after {content:'A';color:#c00}
.rte .hiliteColor {
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=%23efa3a3&stop=%23a1e99e&stop=%23989fdf);
	background-image:-webkit-gradient(linear, left top, right bottom, from(#efa3a3), color-stop(0.5, #a1e99e), to(#989fdf));
	background-image:-moz-linear-gradient(top center, #efa3a3, #a1e99e, #989fdf);
}
.rte .hiliteColor:hover {
	background-image:url(/compat/linear-gradient.svg?point=top%20center&stop=%23f67272&stop=%236bf070&stop=%236672e2);
	background-image:-webkit-gradient(linear, left top, right bottom, from(#f67272), color-stop(0.5, #6bf070), to(#6672e2));
	background-image:-moz-linear-gradient(top center, #f67272, #6bf070, #6672e2);
}
.rte .hiliteColor::after {content:'A'}
.rte .subscript {width:1.3em}
.rte .subscript::after {content:'X₂'}
.rte .superscript {width:1.2em}
.rte .superscript::after {content:'X²'}
.rte .equation {width:1.8em}
.rte .equation::after {content:'ƒ(x)'}
.rte .upload {
	background: url(../images/ux/upload.gif) no-repeat;
	border: 1px solid transparent;
	cursor: pointer;
	height: 20px;
	margin: -6px 3px 0;
	position: relative;
	top: 7px;
	width: 17px;
}
.rte .upload:hover {
	background: url(../images/ux/upload.gif) no-repeat;
}
.rte .upload.uploading {
	background-image: url(../images/ux/uploading.gif);
	cursor: inherit;
}
.rte .upload.hidden {display: none;}
.rte .upload.hiding {opacity: 0;}
.rte .upload.uploading > form {display: none;}
.rte .upload > form > iframe {display: none;}
.rte .upload > form > input {
	cursor: pointer;
	height: 20px;
	width: 17px;
	top: 0;
	left: 0;
	opacity: 0;
	position: absolute;
}
.rte .groupItem {
	width: 20px;
	height: 21px;
	margin: -6px 3px -1px;
	top: 8px;
	position:relative;
	border: 1px solid transparent;
}
.rte .groupItem.group {
	background: url(../images/ux/groupItems.png) 0 -22px no-repeat;
}
.rte .groupItem.ungroup {
	background: url(../images/ux/groupItems.png) 0 0 no-repeat;
}
.rte .groupItem.group:hover {
	background: hsla(210,100%,50%,0.2) url(../images/ux/groupItems.png) 0 -22px no-repeat;
}
.rte .groupItem.ungroup:hover {
	background: hsla(210,100%,50%,0.2) url(../images/ux/groupItems.png) 0 0 no-repeat;
}
.rte .groupItem.hidden {display:none}
.rte .paragraph::after {content:'¶'}
.rte .html::after {content:'<html>';font-family:monospace;font-size:76%;color:#777}
.rte .html {position:relative;top:-2px;width:2.5em}
.rte .html.hidden {display: none;}
/*  unimplemented: blockBgColor, left, center, right, justify, indent, outdent  */
.rte div {
	font-family:Palatino,Palatino Linotype;
	border:1px solid transparent;
	cursor:pointer;
	display:inline-block;
	height:18px;
	line-height:17px;
	margin:1px 3px;
	text-align:center;
	text-shadow:0 1px 2px #FFF;
	white-space:nowrap;
	width:13px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.rte div:hover {
	border:1px solid #aaa;
	background:hsla(210,100%,50%,0.2);
}
.rte div:first-child {margin-left:10px}

.advancedSearch {
	position:relative;
	height:0;
	overflow:hidden;
}
.advancedSearch:not(.manual-resizing) {
	-webkit-transition:height 1s;
	-moz-transition:height 1s;
	transition:height 1s;
}
.advancedSearch .searchItemBank {top:0;left:1px}
.advancedSearch .searchItemBank .criteria {left:9px;right:9px}
.advancedSearch .resultsNav {left: 0; top: 101px; white-space: nowrap; z-index: 0;}
.pane .advancedSearch .contents {
	left:0;
	top:126px;
	right:0;
	padding:0;
	border-bottom:1px solid #bbb;
}
.drawer.items ul.results {top:60px}
.drawer.items .advanced {
	color:blue;
	text-decoration:underline;
	font-size:80%;
	text-align:right;
	margin-bottom:6px;
	cursor:pointer;
}
.advancedSearch .resize {
	bottom:-3px;
	top:inherit;
	right:0;
	left:0;
	height:9px;
	width:auto;
	cursor:row-resize;
}
.advancedSearch:not(.manual-resizing) + .rte + .test-items-view {
	-webkit-transition:top 1s;
	-moz-transition:top 1s;
	transition:top 1s;
}
.advancedSearch .reorder {height:14px;display:inline-block}
ul.criteria li .tag {
	border-radius:3px / 6px;
	border:1px solid hsla(0,0%,0%,0.1);
	background:hsla(0,0%,100%,0.8);
	padding:1px 9px 2px;
	font-size:86%;
}
ul.criteria li:hover .tag {background:hsl(210,100%,90%)}
ul.criteria li .tag:hover {background:hsl(210,90%,80%)}
ul.criteria li .tag:empty {
	color:blue;
	text-decoration:underline;
}
ul.criteria li .tag:empty::before {content: 'choose standard…'}

.search {height: 42px;}
.search button {margin: 10px;}
.searchbox {
	margin:8px 0px;
	position:absolute;
	left:12px;
	right:12px;
	top:2px;
}
.drawer .searchbox {left:11px;top:10px;margin:0}
.pane.assessmentList > .search button + .searchbox {left: 6em;}
.pane.organizationList > .search.hasMenu > .searchbox {left: 6em;}
.pane.organizationList > .search .terms {
	position: absolute;
	top: 42px;
}
.searchbox .textentry {
	border-radius:10px;
	background:url(../images/ux/magnify.png) no-repeat 97.6% 45% #fff;
	border:solid 1px #ccc;
	-webkit-box-shadow:rgba(255,255,255,0.9) 0px 1px 1px;
	box-shadow:0 2px 2px rgba(255,255,255,0.9), 0 -2px 2px rgba(0, 0, 0, 0.1);
	font-size:0.9em;
	padding:1px 0 2px 3px;
	position:relative;
	text-indent:0.5em;
	height:17px;
	width:100%;
}
.pane.hidden > .drawer {display:none}
.drawer {
	display:block;
	position:absolute;
	top:27px; bottom:26px;
	right:16px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	border-left:0;
	border:1px solid #eee;
	-webkit-box-shadow:0 0 0 2px white, 2px 1px 5px rgba(0,0,0,0.16);
	box-shadow:0 0 0 2px white, 2px 1px 5px rgba(0,0,0,0.16);
	padding:9px 7px 6px 9px;
	z-index:1;
	-webkit-transition: opacity 1s ease, left 1s ease;
	-moz-transition: opacity 1s ease, left 1s ease;
	transition: opacity 1s ease, left 1s ease;
}
.drawer.open {opacity: 1;}
.drawer.opening {left:0;opacity:0 !important}
.drawer.closed {display:none}
.drawer.closing {left:0;opacity:0 !important}
.resizing .drawer {
	-webkit-transition: opacity 1s ease, left 0s linear;
	-moz-transition: opacity 1s ease, left 0s linear;
	transition: opacity 1s ease, left 0s linear;
}
.drawer .results, .drawer .document {
	position:absolute;
	top:38px; right:7px; bottom:9px; left:9px;
	border: 1px solid #ccc;
	background-color:#fff;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
}
.appSection.assessmentEditor > div.drawer {width: 270px;} /* Adjusted by JS */
.appSection.folderEditor > div.drawer {width: 270px;} /* Adjusted by JS */

div.drawer.items > ul.results {list-style: none;}
div.drawer.items > ul.results.ui-sortable > li.item {cursor: move;}
div.drawer.items > ul.results.ui-sortable > li.item > div.content > div.stem {cursor: move;}
div.drawer.items > ul.results.ui-sortable > li.item:hover {background-color: hsl(210,57%,95%);}
div.drawer.items > ul.results.ui-sortable > li.item.ui-sortable-placeholder {display: none;}
div.drawer.items > ul.results > li.item {
	border-bottom: 1px solid #aaa;
	font-family: Palatino, "Palatino Linotype";
	width: 100%;
}
div.drawer.items > ul.results > li.item.disabled {
	background-color: #e8e8e8 !important;
	cursor: inherit;
	opacity: 0.5;
}
div.drawer.items > ul.results > li.item.selected {
	background-color: hsl(210,100%,85%) !important;
	opacity: 1;
}
div.drawer.items > ul.results.ui-sortable > li.item.disabled > div.content > div.stem {cursor: inherit;}
div.drawer.items > ul.results > li.item > div.about {
	/* effectively display: none, but using to clear floating spans */
	clear: both;
	display: block;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
div.drawer.items > ul.results > li.item > div.number {display: none;}
div.drawer.items > ul.results > li.item > div.content {
	display: block;
	max-width: 100%;
	padding: 2px 3px 4px 7px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.drawer.items > ul.results > li.item > div.content audio {max-width: 100%;}
div.drawer.items > ul.results > li.item > div.content img {max-height: 100px; max-width: 100%;}
div.drawer.items > ul.results > li.item > div.content > div.narrative {
	display: none;
	margin-bottom: 0.8em;
}
div.drawer.items > ul.results > li.item.selected > div.content > div.narrative {display: block;}
div.drawer.items > ul.results > li.item > div.content > ol.options {display: none;}
div.drawer.items > ul.results > li.item.selected > div.content > ol.options {
	clear: both;
	display: block;
	margin-left: -45px;
}
div.drawer.items > ul.results > li.item > div.content > div.matches {display: none;}
div.drawer.items > ul.results > li.item.selected > div.content > div.matches {display: table;}
div.drawer.items > ul.results > li.item.selected > div.content > div.matches > div.match > div.match-left {background-color: hsl(210,100%,81%) !important;}
div.drawer.items > ul.results > li.item.selected > div.content > div.matches > div.match > div.match-right {background-color: hsl(210,100%,81%) !important;}
div.drawer.items > ul.results > li.item > div.content > div > div.correctShortAnswer {display: none;}
div.drawer.items > ul.results > li.item.selected > div.content > div > div.correctShortAnswer {display: block;}
div.drawer.items > ul.results > li.item > div.content > div.stem {margin: 0;}
div.drawer.items > ul.results > li.item > div.content > span.utips-ui-special {
	background-color: hsl(210,56%,91%);
	border-color: transparent;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	color: black;
	display: inline-block;
	float: right;
	font-size: 65%;
	padding: 2px 6px;
	margin: 6px;
}
div.drawer.items > ul.results > li.item > div.content > span.utips-ui-special.alignment {
	background-color: hsl(210,70%,94%);
	border-color: hsla(210,33%,38%,0.5);
	color: black;
}
div.drawer.items > ul.results > li.item > div.content > span.utips-ui-special.alignment-personal {
	background-color: hsl(210,50%,97%);
	border-color: hsla(210,33%,38%,0.4);
	border-style: dashed;
	color: black;
}
div.drawer.items > ul.results > li.item > div.content > span.utips-ui-special.grouped {
	background-color: hsl(120,100%,44%);
	color: black;
	font-weight: bold;
}
div.drawer.items > ul.results > li.item > div.content > span.utips-ui-special.source-pool {
	background-color: hsl(210,83%,66%);
	color: black;
	font-weight: bold;
}
body > li.item.ui-sortable-helper {
	background-color: white;
	display: block !important;
	list-style: none;
	max-width: 251px;
}
body > li.item.ui-sortable-helper audio {max-width: 100%;}
body > li.item.ui-sortable-helper img {max-height: 100px; max-width: 100%;}
body > li.item.ui-sortable-helper > div.about {display: none;}
body > li.item.ui-sortable-helper > div.content > div.narrative {margin-bottom: 0.8em;}
body > li.item.ui-sortable-helper > div.cover {bottom: 0; left: 0; position: absolute; right: 0; top: 0;}
body > li.item.ui-sortable-helper > div.number {display: none;}

div.drawer.user-qti-export > div.contents {
	background-color: white;
	border: 1px solid #ccc;
	bottom: 7px;
	left: 8px;
	overflow: auto;
	padding: 7px;
	position: absolute;
	right: 7px;
	top: 7px;
}
div.drawer.user-qti-export > div.contents > div.button-container {
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding-top: 0.5em;
	text-align: center;
}
div.drawer.user-qti-export > div.contents > div.button-container > iframe {display: none;}
div.drawer.user-qti-export > div.contents > p {
	color: #5b7187;
	margin-bottom: 1em;
}

.test-items-view {
	bottom: 0;
	display: block;
	left: 0;
	margin: 0;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 96px;
}
ol.test-items-list {
	display: table;
	font-family: Palatino, "Palatino Linotype";
	font-size: 110%;
	height: 100%;
	list-style: none outside none;
	padding: 0;
	margin: 0;
	width: 100%;
}
ol.test-items-list > li.item:last-child {height: 100%;}
ol.test-items-list > li.item.ui-sortable-helper {
	display: block !important;
	height: auto !important;
}
ol.test-items-list > li.item.ui-sortable-helper > div.content {padding-bottom: 0 !important;}
ol.test-items-list > li.item-placeholder {display: table-row;}
ol.test-items-list > li.item-placeholder > div {display: table-cell;}
ol.test-items-list > li.item-placeholder > div.content {
	box-shadow: 0 0 5px 5px hsla(210,50%,50%,0.1) inset;
	color: hsl(210,13%,67%);
	font-family: Tahoma;
	padding: 17px 0 17px 13px;
	visibility: hidden;
}
ol.test-items-list > li.item-placeholder.group-drop > div.content {visibility: visible;}
div.tabContents > div.tab-items > div.print-preview-display {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 500ms ease;
	-moz-transition: -moz-transform 500ms ease;
	transition: transform 500ms ease;
}
div.tabContents > div.tab-items > div.rte {display: none;}
div.tabContents > div.tab-items > div.test-items-view {top: 47px;}
div.tabContents > div.tab-items.items-editable > div.rte {display: block; overflow: hidden;}
div.tabContents > div.tab-items.items-editable > div.test-items-view {top: 70px;}
div.tabContents > div.tab-items.items-print-preview > div.print-preview-display {
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}
ol.takeTestItems {
	bottom: 0;
	font-family: Palatino, "Palatino Linotype";
	font-size: 110%;
	left: 0;
	list-style: none outside none;
	margin: 0;
	overflow: auto;
	padding: 5px 0 0 0;
	position: absolute;
	right: 0;
	top: 25px;
}
ol.test-items-list > li, ol.takeTestItems > li {
	min-height:80px;
	position:relative;
	display:table-row;
	width:100%;
}
ol.takeTestItems.showOne > li {
	display:none;
}
ol.takeTestItems.showOne > li.current {
	display:table;
}
.test-items-list .number, .takeTestItems .number, li.item > div.number {
	padding:5px 5px 0 0;
	text-align:right;
	width:70px;
	display:table-cell;
	vertical-align:top;
}
ol.takeTestItems > li > div.number {padding: 13px 0 0; width: 68px;}
ol.takeTestItems > li.group > div.number {
	background: hsl(210,17%,88%);
	border: solid white;
	border-top-left-radius: 13px;
	border-width: 0 0 0 3px;
}
ol.takeTestItems > li.group > div.content {
	border: solid hsl(210,17%,88%);
	border-width: 3px 0 0 0;
}
ol.takeTestItems > li.group > div.content > div.narrative {margin-left: 0.2em;}
ol.takeTestItems > li.grouped > div.number {
	background: hsl(210,17%,88%);
	border: solid white;
	border-width: 0 0 0 3px;
}
ol.takeTestItems > li > div.content > div.stem {margin-left: 0.2em;}
ol.takeTestItems > li > div.content > div.correct-response {font-size: 0.9em; font-style: italic;}
ol.takeTestItems > li > div.content > div.correct-response::before {color: #0a0; content: '✓ ';}
ol.takeTestItems > li > div.content > div.incorrect-response {font-size: 0.9em; font-style: italic;}
ol.takeTestItems > li > div.content > div.incorrect-response::before {color: #a00; content: '✖ ';}
ol.takeTestItems > li > div.content > div.matches > div.match > div.match-left::before {color: transparent; content: '✓ ';}
ol.takeTestItems > li > div.content > div.matches > div.match.correct-response > div.match-left::before {color: #0a0; content: '✓ ';}
ol.takeTestItems > li > div.content > div.matches > div.match.incorrect-response > div.match-left::before {color: #a00; content: '✖ ';}
ol.takeTestItems > li > div.content > div.matches > div.match > div.match-left > div.name {display: inline-block;}
ol.takeTestItems > li > div.content > iframe {display: none;}
ol.takeTestItems > li > div.content > ol.options {margin: 0 13px 13px -1em;}
ol.takeTestItems > li > div.content > ol.options > li > div.letter {
	display: table-cell;
	line-height: 1em;
	margin-left: 2.1em;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	width: 65px;
}
ol.takeTestItems > li > div.content > ol.options > li > div.letter::before {color: transparent; content: '✖ '; font-size: 1.2em;}
ol.takeTestItems > li > div.content > ol.options > li.correct-response > div.letter::before {color: #0a0; content: '✓ ';}
ol.takeTestItems > li > div.content > ol.options > li.incorrect-response > div.letter::before {color: #a00; content: '✖ ';}
.thumb {
	border-radius:3px / 7px;
	display:inline-block;
	height:1.2em;
	padding:0 3px 0 5px;
	position:relative;
	right:0;
	text-align:right;
	top:0;
	white-space:nowrap;
	margin:8px 0 3px 9px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.test-items-list .item .thumb::after  {content:'.'}
.takeTestItems .number::after {content:'. '}
.takeTestItems .group .number::after {content: ''}
.takeTestItems li.item textarea {height: 20em; width: 98%;}
.takeTestItems li.item input[type='text'] {width:80%;display:block}
ol.takeTestItems div.input-instruction {font-size: 0.8em; font-style: italic;}

.thumb div {
	display:inline-block;
	height:13px;
	opacity:0;
	position:relative;
	top:2px;
}
ol.test-items-list > li div.thumb:hover, ol.test-items-list > li.item > div.content > div.stem[contenteditable="true"]:hover {background-color: hsla(210,50%,50%,0.06)}
ol.test-items-list > li div.thumb:hover div {opacity: 0.6}
.test-items-list .stem[contenteditable="true"]:focus {outline:1px solid hsla(245,100%,80%,0.2)}
.stem.html, .option.html {
	font-family:Courier;
	outline:2px solid lightgray;
	font-size:85%;
}
.test-items-list .thumb div:hover {opacity:1}
.test-items-list > li.item {
	-webkit-transition:background-color 2s ease 1s;
	-moz-transition:background-color 2s ease 1s;
	transition:background-color 2s ease 1s;
}
.test-items-list > li.item.newItem {background-color:hsla(210,100%,50%,0.1)}
ul.file-upload-responses {list-style: none; margin: 1em; padding: 0;}
ul.file-upload-responses > li.file {display: inline-block; text-align: center; padding: 2px;}
ul.file-upload-responses > li.file:hover {background: hsla(210,100%,50%,0.1);}
ul.file-upload-responses > li.file > a > span.icon {display: inline-block; height: 48px; width: 48px;}
ul.file-upload-responses > li.file > a > span.name {display: block; font-family: Tahoma; font-size: 70%;}
ul.file-upload-responses > li.file:hover > a > span.name {color: blue; text-decoration: underline;}
.file .icon {background:url(/images/ux/fileIcons.png);background-repeat:no-repeat}
.file .icon.file {background-position: 3px 0;}
.file .icon.rtf {background-position: -48px 0;}
.file .icon.mp3 {background-position: -96px 0;}
.file .icon.pptx {background-position: -144px 0;}
.file .icon.docx {background-position: -192px 0;}
.file .icon.mov {background-position: -240px 0;}
.file .icon.psd {background-position: -288px 0;}
.file .icon.dat {background-position: -336px 0;}
.file .icon.xls {background-position: -384px 0;}
.file .icon.xsl {background-position: -432px 0;}
.file .icon.xml {background-position: -480px 0;}
.file .icon.mpeg {background-position: -528px 0;}
.file .icon.pdf {background-position: -576px 0;}
.file .icon.tiff {background-position: -624px 0;}
.file .icon.ppt {background-position: -672px 0;}
.file .icon.txt {background-position: -720px 0;}
.file .icon.zip {background-position: -768px 0;}
.file .icon.gif {background-position: -816px 0;}
.file .icon.bmp {background-position: -864px 0;}
.file .icon.png {background-position: -912px 0;}
.file .icon.doc {background-position: -960px 0;}
.file .icon.jpg {background-position: -1008px 0;}
.file .icon.html {background-position: -1056px 0;}
li.item form {
	margin:1em;
	border:1px solid #aaa;
	padding:1em;
	background:#f4f4f4;
	display:inline-block;
}
li.file + li.file {margin-left:1em}

.leaf > .delete, .letter > .delete, .thumb > .delete {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	margin:0 2px 0 0;
	width:11px;
	cursor:pointer;
}
.item .reorder, .group .reorder {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll -22px 1px transparent;
	margin:0 4px 0 2px;
	width:11px;
	cursor:row-resize;
}
.item .content, .group .content {
	padding-top:5px;
	position:relative;
	display:table-cell;
}
.group .content {padding:5px 4px 0 4px}
.item .about, .group .about {
	display:table-cell;
	font-family:Tahoma,Helvetica;
	background:url(/compat/linear-gradient.svg?point=top%20center&stop=hsl%28210,15%25,88%25%29&stop=hsl%28210,20%25,95%25%29&stop=hsl%28210,20%25,95%25%29&stop=hsl%28210,20%25,95%25%29&stop=hsl%28210,25%25,98%25%29);
	background:-moz-linear-gradient(center top , hsl(210,15%,88%), hsl(210,20%,95%), hsl(210,20%,95%), hsl(210,20%,95%), hsl(210,25%,98%)) repeat scroll 0 0 hsl(210,20%,95%);
	background:hsl(210,20%,95%) -webkit-gradient(linear, left top, left bottom, color-stop(0, hsl(210,15%,88%)), color-stop(0.25, hsl(210,20%,95%)), color-stop(0.75, hsl(210,20%,95%)), color-stop(1, hsl(210,25%,98%))) repeat-x;
	-webkit-box-shadow:inset 0 -1px 3px hsla(210,13%,54%,0.5), inset 0 2px 3px rgba(255,255,255, 0.75);
	box-shadow:inset 0 -1px 3px hsla(210,13%,54%,0.5), inset 0 2px 3px rgba(255,255,255, 0.75);
	padding:5px 7px 13px 13px;
	width:155px;
	z-index: 100;
	vertical-align:top;
}
.item .type, .group .id, .item .id {font-size:65%;margin-top:3px;color:#555}
.item .source, .group .source {color:#555;font-size:65%;margin-top:3px}
li.group > div.about > div.copy-container {
	color: #555;
	font-size: 65%;
	margin-top: 3px;
}
li.group > div.about > div.copy-container > span.copy {
	color: hsl(210,53%,55%);
	cursor: pointer;
	text-decoration: underline;
}
li.item > div.about > div.alignment {
	clear: right;
	font-size: 85%;
	margin: 7px 0;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
}
li.item > div.about > div.alignment:hover > span.confirm {opacity: 1;}
li.item > div.about > div.alignment:hover > span.delete {opacity: 1;}
li.item > div.about > div.alignment > span.confirm {
	cursor: pointer;
	font-size: 90%;
	margin-left: 4px;
	opacity: 0;
}
li.item > div.about > div.alignment > span.delete {
	background: url("../images/ux/trash-reorder.png") no-repeat scroll 0px 5px transparent;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	opacity: 0;
	width: 11px;
}
li.item > div.about > div.alignment > span.tag {
	background: hsl(210,70%,94%);
	border: 1px solid hsla(210,33%,38%,0.5);
	border-radius: 3px / 8px;
	-webkit-box-shadow: hsla(0,0%,0%,0.2) 0px 2px 2px, hsla(210,80%,10%,0.07) 0px -1px 2px 1px inset, hsla(0,100%,100%,0.8) 0px 1px 2px 1px inset;
	box-shadow: 0px 2px 2px hsla(0,0%,0%,0.2), inset 0px -1px 2px 1px hsla(210,80%,10%,0.07), inset 0px 1px 2px 1px hsla(0,100%,100%,0.8);
	padding: 0 6px 2px;
}
li.item > div.about > div.alignment.personal > span.tag {
	background: hsl(210,50%,97%);
	border-color: hsla(210,33%,38%,0.4);
	border-style: dashed;
}
li.item > div.about > div.copy-container {
	color: #555;
	font-size: 65%;
	margin-top: 3px;
}
li.item > div.about > div.copy-container > span.copy {
	color: hsl(210,53%,55%);
	cursor: pointer;
	text-decoration: underline;
}
li.item .content .problem {
	margin:13px 8px 17px 0;
	border-radius:7px / 13px;
	background:hsl(0,50%,93%);
	padding:9px 13px 11px;
	font-family:Tahoma;
	font-size:80%;
}
li.item .content .problem div.report label {font-weight: bold;}
li.item .content .problem div.response label {font-weight: bold;}
li.item .content .problem div.non-editable-note {font-size: 85%; font-style: italic; margin-bottom: 0.4em;}
li.item .content .problem textarea {
	width:100%;
	height:4em;
}
.problem.resolving .report, .problem.resolving .response, .problem.resolving .resolve {display:none}
li.item .about .problem {
	float:right;
	color:hsl(240,75%,75%);
	text-decoration:underline;
	cursor:pointer;
}
.item .about .partial-credit {font-size: 85%;}
.item .about .possible {font-size:85%}
.item .about .possible::before {content:'Possible: '}
.item .about .possible input {width:4em}
.item .about .randomize-options {color: #555; font-size: 65%;}
.item .about .randomize-options > input {height: 10px; width: 10px;}
.test-items-list > li.group > div.content > div.narrative {
	display: block;
	height: auto;
	overflow: visible;
	position: relative;
	vertical-align: baseline;
	white-space: normal;
	width: 100%;
}
.test-items-list > li.group > div.content > div.narrative.html {
	font-family: Courier;
	font-size: 85%;
	outline: 2px solid lightgray;
}
.test-items-list > li.group > div.content > div.narrative.too-long {
	border: 1px solid #ed4337;
	border-radius:6px;
	padding: 0 4px;
}
.test-items-list > li.group > div.content > div.narrative.too-long::after {
	background-color: #ed4337;
	color: white;
	content: "Narrative content is too long; cannot save contents.";
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: 4px -4px 0 -4px;
	padding: 4px;
	width: 100%;
}
.test-items-list > li.group > div.content > div.narrative[contenteditable="true"] {
	cursor: text;
}
.test-items-list > li.group > div.content > div.narrative[contenteditable="true"]:focus {
	outline: 2px solid hsla(235,100%,80%,0.2);
}
.test-items-list > li.group.collapsed > div.content > div.narrative {
	height: 1.3em;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
	vertical-align: top;
	white-space: nowrap;
}
.test-items-list .group .number {display:table-cell}
.test-items-list li.group {margin-top:4px}
.test-items-list .group .handle {
	display:table-cell;
	width:70px;
	vertical-align:top;
	text-align:right;
	border-top-left-radius:13px;
	padding:5px 5px 0;
	background:hsl(210,17%,88%);
	border-style:solid;
	border-color:white;
	border-width:0 0 0 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.test-items-list .group .content {
	border-style:solid;
	border-color:hsl(210,17%,88%);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-width:3px 3px 1px 2px;
	border-top-right-radius:13px;
	right:2px;
}
.test-items-list .group .reorder {
	display:inline-block;
	height:13px;
	opacity:0;
}
.test-items-list .group .toggle {
	display:inline-block;
	opacity:0.3;
	cursor:pointer;
}
.test-items-list .group:hover .toggle, .test-items-list .group:hover .reorder {opacity:0.6}
.test-items-list .group .toggle:hover, .test-items-list .group .reorder:hover {opacity:1}
ol.test-items-list > li.item.grouped > div.number {
	background: hsl(210,17%,88%);
	border: solid white;
	border-width: 0 0 0 3px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.test-items-list > li.group > div.handle > div.toggle::before {
	color: #999;
	content: '▼ ';
}
.test-items-list > li.group.collapsed > div.handle > div.toggle::before {
	color: #999;
	content: '▶ ';
}
.item .curriculum {cursor:pointer;white-space:nowrap;display:inline-block}
.item .curriculum .abbr {}
ul.orgList .syncOrg, li:not(.synced) .syncOrgTag, body > .syncOrgTag {
	background:hsl(210,70%,94%);
	border:1px solid hsla(210,33%,38%,0.5);
	border-radius:3px / 8px;
	-webkit-box-shadow: hsla(0,0%,0%,0.2) 0px 2px 2px, hsla(210,80%,10%,0.07) 0px -1px 2px 1px inset, hsla(0,100%,100%,0.8) 0px 1px 2px 1px inset;
	box-shadow: 0px 2px 2px hsla(0,0%,0%,0.2), inset 0px -1px 2px 1px hsla(210,80%,10%,0.07), inset 0px 1px 2px 1px hsla(0,100%,100%,0.8);
	width:intrinsic;
	width:-moz-fit-content;
	font-size:85%;
	margin:7px 0;
	padding:0 6px 2px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
ul.orgList li, ul.syncOrgList li {user-select:none}
ul.orgList li > span.syncOrg > span.user-count {font-size: 80%; color: hsl(0, 0%, 56%); margin: 0 1em; white-space: nowrap;}
ul.syncOrgList li > span.syncOrgTag > span.user-count, body > span.syncOrgTag > span.user-count {
	color: hsl(0, 0%, 56%);
	font-size: 80%;
	margin: 0 1em;
	white-space: nowrap;
}
ul.syncOrgList li > span.teacher-list {display: none; font-size: 80%; margin: 6px 0 0 1em; text-indent: 0;}
ul.syncOrgList li.expanded > span.teacher-list {display: block;}
ul.syncOrgList li.synced > span.syncOrgTag > span.user-count {display: none;}
ul.syncOrgList li.synced + ul > li:not(.synced) .add {display:inline-block}
ul.orgList .syncOrgDrop {
	background:#ddd;
	border:1px solid hsla(0, 0%, 38%, 0.5);
	color:#aaa;
	border-radius:3px / 8px;
	-webkit-box-shadow: hsla(0,0%,0%,0.2) 0px 2px 2px, hsla(210,80%,10%,0.07) 0px 1px 2px 1px inset, hsla(0,100%,100%,0.8) 0px -1px 2px 1px inset;
	box-shadow: 0px -1px 2px hsla(0,0%,0%,0.1), inset 0px 1px 2px 1px hsla(210,80%,10%,0.07), inset 0px -1px 2px 1px hsla(0,100%,100%,0.8);
	width:intrinsic;
	width:-moz-fit-content;
	font-size:85%;
	margin:7px 0 0 1em;
	padding:0 6px 2px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
ul.orgList .syncOrgHovering {
	background-color:hsl(210,100%,94%);
	color:hsl(210,21%,75%);
	text-shadow:0 0 1px hsl(210,21%,75%);
}
ul.orgList .unsynced .syncOrgDrop::before {content:'Unsynchronized'}
ul.orgList .synced .syncOrgDrop::before {content:'Synchronize another'}
ul.orgList .syncOrg .close {padding:0 6px; opacity:0}
ul.orgList .syncOrg .close::after {content:'×'}
.synced .new {
	border:1px solid hsl(120,50%,33%);
	border-radius:7px;
	height:14px;
	display:inline-block;
	width:2.15em;
	background:hsl(120,40%,67%);
	margin:0 7px 0 0;
	top:3px;
	position:relative;
}
.synced .new::before {
	content:'New';
	font-size:71%;
	top:-5px;
	position:relative;
	left:2em;
	color:white;
	font-weight:bold;
}
ul.orgList .syncOrg:hover .close {opacity:0.3}
ul.orgList .syncOrg:hover .close {opacity:1}
@-webkit-keyframes dropHerePulse {
	from { background-color: hsl(210,60%,92%); -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.2), 0 2px 4px #fff, inset 0 3px 5px rgba(0,0,0,0.4); }
	50% { background-color: hsl(210,38%,95%); -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.1), 0 2px 2px #fff, inset 0 1px 3px rgba(0,0,0,0.2); }
	to { background-color: hsl(210,60%,92%); -webkit-box-shadow: 0 -2px 3px rgba(0,0,0,0.2), 0 2px 4px #fff, inset 0 3px 5px rgba(0,0,0,0.4); }
}
.item .about .dropHere, li.item .rubric.dropHere {
	background-color:hsl(210,38%,95%);
	text-align:center;
	width:6em;
	font-size:80%;
	color:hsla(210,21%,75%,0.5);
	text-shadow:0 0 3px hsl(210,21%,75%);
	margin:8px 0;
	padding:3px 1em 5px;
	-webkit-box-shadow:0 -2px 2px rgba(0,0,0,0.1), 0 2px 2px #fff, inset 0 1px 3px rgba(0,0,0,0.2);
	box-shadow:0 -2px 2px rgba(0,0,0,0.1), 0 2px 2px #fff, inset 0 1px 3px rgba(0,0,0,0.2);
	opacity:0;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	transition: opacity 1s ease;
	border-radius:3px / 8px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.item .about .dropHere.tagHovering, li.item .rubric.dropHere.dragging {
	background-color:hsl(210,100%,94%);
	color:hsl(210,21%,75%);
	text-shadow:0 0 1px hsl(210,21%,75%);
	-webkit-animation-name: none;
}
.item .about .dropHere::before, li.item .rubric.dropHere::before {content:'drop here'}
.test-items-list.dropCurriculum .about .dropHere, .test-items-list.droppingCurriculum .about .dropHere, .droppingRubric li.item .rubric.dropHere {
	opacity: 1;
	-webkit-animation-name: dropHerePulse;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
}
.rubric.dropHere.hidden {display:none}
.itemRubric > .remove {
	display:inline-block;
	background:url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	height:13px;
	width:11px;
	position:absolute;
	margin:2px;
	opacity:0;
	left:-18px;
	cursor:pointer;
}
.itemRubric {position: relative;}
.itemRubric:hover .remove {opacity:0.6}
.itemRubric .remove:hover {opacity:1}
li.item .itemRubric {margin:1em 1em 0 0}
.itemRubric .rubricVisible {
	margin: 0.5em;
	opacity: 0.2;
	font-family: Tahoma;
	font-size: 80%;
}
.itemRubric:hover .rubricVisible {opacity:1}
.itemRubric .newRowOrCol {opacity:0.3}
.itemRubric:hover .newRowOrCol {opacity:1}
.itemRubric .attr {font-family:Tahoma}
.itemRubric .attr span {font-size:80%}
.itemRubric .attr.instructions, .itemRubric .attr.scoreCalculation {margin-bottom:0.7em}
textarea.rubricInstructions {width:40em;height:3em}
.itemRubric .attr p {font-size:70%;color:gray}
body > li.item.ui-draggable-dragging {max-width:550px;list-style:none !important}
body > li.item.ui-draggable-dragging .about {display:none !important}
body > li.item.ui-draggable-dragging .stem {white-space:normal !important}

/* Generic content area styles */
.match-left > div.name > img, .match-right > div.name > img, div.option > img, div.stem > img {vertical-align: top;}
.match-left > div.name img.formula, .match-right > div.name img.formula, div.option img.formula, div.stem img.formula {vertical-align: middle;}

.about .correct {font-size:85%;}
li.item .stem {
	margin:8px 13px 2px 3px;
	min-height:1.17em;
	font-size:medium;
	white-space:normal;
}
.stem[contenteditable="true"] {
	cursor:text;
	min-width: 1em;
}
.stem.too-long {
	border: 1px solid #ed4337;
	border-radius:6px;
	padding: 0 4px;
}
.stem.too-long::after {
	background-color: #ed4337;
	color: white;
	content: "Item content is too long; cannot save contents.";
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: 4px -4px 0 -4px;
	padding: 4px;
	width: 100%;
}
.stem img {max-width:100%}
ol.options {
	list-style: none outside none;
	margin: 0 13px 0 -66px;
	padding: 0;
}
ol.options li {
	display:table-row;
}
ol.takeTestItems li:last-child div.content, ol.test-items-list li:last-child div.content {padding-bottom:200px}
ol.options > li.option > div.letter {
	border-radius:3px / 7px;
	border:1px solid transparent;
	display:table-cell;
	padding:0 3px 0 5px;
	text-align:right;
	vertical-align:baseline;
	font-size:90%;
	color:#555;
	position:relative;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	vertical-align: top;
	white-space: nowrap;
	width: 77px;
}
ol.options > li.option > div.letter > div {
	display: inline-block;
	height: 13px;
	opacity: 0;
	position: relative;
	top: 2px;
}
ol.options > li.option > div.letter > div.correct {
	font-size: 18px;
	height: 16px;
	line-height: 16px;
	margin-right: 5px;
}
ol.options > li.option.editable > div.letter > div.correct {cursor: pointer;}
ol.options > li.option.editable:hover > div.letter {background-color: hsla(210,100%,49%,0.1);}
ol.options > li.option.editable:hover > div.letter > div {opacity: 0.5;}
ol.options > li.option.editable:hover > div.letter > div.correct {opacity: 0.3;}
ol.options > li.option.editable > div.letter > div.correct:hover {opacity: 0.5;}
ol.options > li.option.is-correct > div.letter > div.correct {opacity: 1 !important;}
ol.options > li.option > div.letter > span {
	/* Offset the 1px border */
	position: relative;
	top: -1px;
}
ol.options li .option {
	display:table-cell;
	min-width:100px;
	min-height:16px;
	font-size:medium;
}
ol.options li .option[contenteditable="true"] {
	cursor: text;
	min-width: 1em;
}
ol.options li .option[contenteditable="true"]:focus {outline:1px solid hsla(245,100%,80%,0.2)}
ol.options li .option.too-long {
	border: 1px solid #ed4337;
	border-radius:6px;
	padding: 0 4px;
}
ol.options li .option.too-long::after {
	background-color: #ed4337;
	color: white;
	content: "Option content is too long; cannot save contents.";
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: 4px -4px 0 -4px;
	padding: 4px;
	width: 100%;
}
ol.options div.new {
	display: list-item;
	margin: 1px 0px 1px 63px;
	padding: 1px 0px;
	font-family: Tahoma, Helvetica;
	font-size:90%;
	color:#009;
	text-decoration:underline;
	cursor:pointer;
	opacity:0;
}
ol.options div.new::before {
	content:'+ ';
	font-weight:bold;
	color:#090;
}
li.item:hover ol.options div.new {opacity:0.4}
li.item:hover ol.options div.new:hover {opacity:1}
li.item > div.content > div.matches {
	border-spacing: 0 10px;
	display: table;
	margin-top: 10px;
}
li.item > div.content > div.matches.is-editable {margin-left: -22px;}
li.item > div.content > div.matches > div.match {display: table-row;}
li.item > div.content > div.matches.ui-sortable > div.match.ui-sortable-collapsed {visibility: hidden;}
li.item > div.content > div.matches.ui-sortable > div.match.ui-sortable-collapsed > div {padding-bottom: 0; padding-top: 0;}
li.item > div.content > div.matches.ui-sortable > div.match.ui-sortable-collapsed > div > * {height: 0; margin-bottom: 0; margin-top: 0; min-height: 0;}
li.item > div.content > div.matches.ui-sortable > div.match.ui-sortable-collapsed > div.thumb > * {display: none;}
li.item > div.content > div.matches > div.match > div {
	display: table-cell;
	padding: 4px 6px;
	text-align: left;
	vertical-align: top;
}
li.item > div.content > div.matches > div.match > div.match-left {
	background-color: hsl(210,19%,98%);
	border: 1px solid transparent;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	padding-right: 0.75em;
}
li.item > div.content > div.matches > div.match > div.match-right {
	background-color: hsl(210,19%,98%);
	border: 1px solid transparent;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	padding-left: 0.75em;
}
li.item > div.content > div.matches > div.match > div.match-spacer {width: 1em;}
li.item > div.content > div.matches > div.match > div.thumb {
	background-color: inherit;
	height: auto;
	padding: 1px 0 0 0;
	text-align: right;
	width: 32px;
}
li.item > div.content > div.matches > div.match > div.thumb::after {content: normal;}
li.item > div.content > div.matches > div.match:hover > div.thumb > div {opacity: 0.6;}
li.item > div.content > div.matches > div.match > div > div.name {
	font-size: medium;
	min-height: 1.4em;
	min-width: 4em;
}
li.item > div.content > div.matches > div.match > div > div.name.html {
	font-family: Courier;
	font-size: 85%;
	outline: 2px solid lightgray !important;
}
li.item > div.content > div.matches > div.match > div > div.name[contenteditable="true"] {cursor: text;}
li.item > div.content > div.matches.is-editable > div.match:hover > div.match-left {background-color: hsl(210,70%,98%);}
li.item > div.content > div.matches.is-editable > div.match:hover > div.match-right {background-color: hsl(210,70%,98%);}
li.item > div.content > div.matches.is-editable > div.match.focused > div.match-left {border-color: hsla(245,100%,80%,0.2);}
li.item > div.content > div.matches.is-editable > div.match.focused > div.match-right {border-color: hsla(245,100%,80%,0.2);}
li.item > div.content > div.matches > div.match > div > div.name.too-long {
	border: 1px solid #ed4337;
	border-radius:6px;
	padding: 0 4px;
}
li.item > div.content > div.matches > div.match > div > div.name.too-long::after {
	background-color: #ed4337;
	color: white;
	content: "Match content is too long; cannot save contents.";
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: 4px -4px 0 -4px;
	padding: 4px;
	width: 100%;
}
li.item > div.content > div.matches > div.match > div > div.name audio {max-width: 100%;}
li.item > div.content > div.matches > div.match > div > div.name img {max-width: 100%;}
li.item > div.content > div.new-match {
	color: #009;
	cursor: pointer;
	font-family: Tahoma, Helvetica;
	font-size:90%;
	margin: 1px 0px 1px 3px;
	opacity: 0;
	padding: 1px 0px;
	text-decoration: underline;
}
li.item > div.content > div.new-match::before {
	color: #090;
	content: '+ ';
	font-weight: bold;
}
li.item:hover > div.content > div.new-match {opacity: 0.4;}
li.item:hover > div.content > div.new-match:hover {opacity: 1;}
.newCorrectShortAnswer {
	margin: 1px 0px 1px 3px;
	padding: 1px 0px;
	font-family: Tahoma, Helvetica;
	font-size:90%;
	color:#009;
	text-decoration:underline;
	cursor:pointer;
	opacity:0;
}
.newCorrectShortAnswer::before {
	content:'+ ';
	font-weight:bold;
	color:#090;
}
li.item:hover .newCorrectShortAnswer {opacity:0.4}
li.item:hover .newCorrectShortAnswer:hover {opacity:1}
.correctShortAnswer {margin-left: -50px}
.correctShortAnswer > .thumb {
	display: table-cell;
	margin: -1px 4px 1px 0;
	padding: 0 3px 0 5px;
	position: relative;
	text-align: right;
	vertical-align: baseline;
	width: 77px;
}
.correctShortAnswer > .thumb::after {content:'' !important} /* remove dot */
.correctShortAnswer > .thumb > .case-sensitive {
	display: inline-block;
	font-size: 11px;
	height: 16px;
	margin: 0 2px;
	top: 0;
}
.correctShortAnswer.editable > .thumb > .case-sensitive {cursor: pointer;}
.correctShortAnswer.is-case-sensitive > .thumb > .case-sensitive {opacity: 1;}
.correctShortAnswer > .thumb > .correct {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	opacity: 1;
}
.correctShortAnswer .key {
	display: table-cell;
	font-size: medium;
	font-style: italic;
	min-height: 16px;
	min-width: 6em;
}
.correctShortAnswer .key[contenteditable="true"] {cursor: text;}
.correctShortAnswer .key[contenteditable="true"]:focus {outline: 1px solid hsla(245,100%,80%,0.2);}
.correctShortAnswer .key.too-long {
	border: 1px solid #ed4337;
	border-radius:6px;
	padding: 0 4px;
}
.correctShortAnswer .key.too-long::after {
	background-color: #ed4337;
	color: white;
	content: "Key is too long; cannot save contents.";
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: 4px -4px 0 -4px;
	padding: 4px;
	width: 100%;
}
.assessmentTakerSection .pane > .hidden {display:none}
.assessmentTakerSection .pane .instructions {
	color: #AAA;
	font-size: 85%;
}
.scoreDistribution .chart .item:hover {
	background: hsla(210, 100%, 60%, 0.17);
}

.test-items-list sup {font-size:75%;line-height:0.5em}

.item div:focus {
  outline-style: none;
}
.stopTest, .testResult {
	font-size:115%;
	padding:2em 3em;
}
.stopTest ul.unanswered {
	list-style:none outside none;
}
.stopTest ul.unanswered li {
	display:inline-block;
}
.stopTest ul.unanswered li + li::before {
	content:', ';
}
.stopTest div.save-test {padding-top: 1em; text-align: center;}
.stopTest div.save-test > button {margin: 0 2em;}

div.drawer.standards > div.filters {
	display: block;
	height: 105px;
	left: 9px;
	position: absolute;
	right: 7px;
	top: 9px;
}
div.drawer.standards > div.filters > div.filter {display: table-row;}
div.drawer.standards > div.filters > div.filter > * {display: table-cell; white-space: nowrap;}
div.drawer.standards > div.filters > div.filter > label {font-size: 85%; padding-right: 0.5em; text-align: right;}
div.drawer.standards > div.filters > div.filter > label::after {content: ':';}
div.drawer.standards > div.filters > div.loading {background-position: 50% 50%; height: 80px; padding: 0;}
div.drawer.standards > div.standards-outline-container {
	background-color: #fff;
	border: 1px solid  #ccc;
	bottom: 9px;
	font-family: Palatino, "Palatino Linotype";
	left: 9px;
	overflow-x: hidden;
	overflow-y: auto;
	position: absolute;
	right: 7px;
	top: 120px;
}
div.drawer.standards > div.standards-outline-container ol.tag-list {
	list-style: none outside none;
	margin: 0;
	padding: 0 0 0 1.4em;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li {
	padding-top: 3px;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag {
	-webkit-transition: background-color 1s ease 1s;
	-moz-transition: background-color 1s ease 1s;
	transition: background-color 1s ease 1s;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag.hilighted {
	background-color: hsla(210,100%,50%,0.05);
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag > span.items {
	display: inline-block;
	font-size: 80%;
	margin: 0 0.25em 0 0;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag > span.items-link {
	color: #339;
	cursor: pointer;
	font-size: 80%;
	text-decoration: underline;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag > span.name {
	color: #777;
	font-size: 80%;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag > span.title {
	background: none repeat scroll 0 0 hsl(210,70%,94%);
	border: 1px solid hsla(210,33%,38%,0.5);
	border-radius: 3px / 8px;
	cursor: move;
	display: inline-block;
	margin: 0 0.25em 0 0;
	padding: 1px 5px;
	-webkit-transition: background-color 0.5s ease 0.5s;
	-moz-transition: background-color 0.5s ease 0.5s;
	transition: background-color 0.5s ease 0.5s;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag:hover >span.title {background-color: hsl(210,89%,89%);}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag > span.toggle {
	cursor: pointer;
	left: -14px;
	margin-right: -14px;
	position: relative;
}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > div.tag > span.toggle::before {content: '▶ '; color: #777; font-size: 90%;}
div.drawer.standards > div.standards-outline-container ol.tag-list > li.expanded > div.tag > span.toggle::before {content: '▼ ';}
div.drawer.standards > div.standards-outline-container ol.tag-list > li > ol {display: none;}
div.drawer.standards > div.standards-outline-container ol.tag-list > li.expanded > ol {display: block;}
div.drawer.standards > div.standards-outline-container ol.tag-list > li.leaf > div.tag > span.toggle {display: none;}
div.drawer.standards {width: 270px;}

div.drawer.organization {left: 410px; width: 300px;}
div.drawer.organization > div.organizations-outline-container {
	background-color: #fff;
	border: 1px solid #ccc;
	bottom: 9px;
	font-family: Palatino,"Palatino Linotype";
	left: 9px;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	right: 7px;
	top: 9px;
}
div.drawer.organization > div.organizations-outline-container ol.organizations {
	list-style: none outside none;
	margin: 0;
	padding: 3px 3px 0 1.4em;
}
div.drawer.organization > div.organizations-outline-container ol.organizations > li > span.title {
	color: #777;
	cursor: pointer;
	font-size: 80%;
	margin-left: 0.25em;
}
div.drawer.organization > div.organizations-outline-container ol.organizations > li.disabled > span.title {cursor: inherit;}
div.drawer.organization > div.organizations-outline-container ol.organizations > li > span.title::before {
	color: #090;
	content: '+ ';
	font-weight: bold;
}
div.drawer.organization > div.organizations-outline-container ol.organizations > li.disabled > span.title::before {content: '';}
div.drawer.organization > div.organizations-outline-container ol.organizations > li > span.toggle {
	cursor: pointer;
	left: -14px;
	margin-right: -14px;
	position: relative;
}
div.drawer.organization > div.organizations-outline-container ol.organizations > li.loading {
	background: url("../images/ux/loading-small.gif") no-repeat scroll 0 50% transparent;
	color: #777;
	font-size: 0.8em;
	height: auto;
	min-height: 16px;
	padding: 0 0 0 18px;
	text-align: left;
}
div.drawer.organization > div.organizations-outline-container ol.organizations > li > span.toggle::before {content: '▶ '; color: #777; font-size: 90%;}
div.drawer.organization > div.organizations-outline-container ol.organizations > li.expanded > span.toggle::before {content: '▼ ';}
div.drawer.organization > div.organizations-outline-container ol.organizations > li > ol {display: none;}
div.drawer.organization > div.organizations-outline-container ol.organizations > li.expanded > ol {display: block;}
div.drawer.organization > div.organizations-outline-container ol.organizations > li.leaf > span.toggle {display: none;}

.appSection.assessmentEditor > div.tag {
	border-radius:3px / 8px;
	background:none repeat scroll 0 0 hsl(210,70%,94%);
	border:1px solid hsla(210,33%,38%,0.5);
	display:inline-block;
	margin:0 2px 0 0;
	padding:1px 5px 1px 1px;
	text-indent:0;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.appSection.assessmentEditor > div.tag {z-index:6}
.appSection.assessmentEditor > div.tag span.move {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll -46px 1px transparent;
	cursor:move;
	display:inline-block;
	height:11px;
	margin:0 4px;
	width:11px;
	opacity:1;
}

table.results {
	bottom:0px;
	display:block;
	left:0px;
	overflow:auto;
	position:absolute;
	right:0px;
	top:25px;
}
table.results > thead > tr > th {
	background-color: hsl(210,17%,89%);
	border-color: hsl(240,7%,94%) hsl(210,3%,61%) hsl(210,2%,52%) hsl(210,14%,89%);
	border-style: solid;
	border-width: 1px;
	font-size: 80%;
	padding: 0 6px;
	text-align: left;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
}
table.results > thead > tr > th.selected {
	background-color: hsl(210,75%,84%);
	border-color: hsl(210,32%,92%) hsl(210,21%,59%) hsl(210,8%,49%) hsl(210,80%,90%)
}
table.results > thead > tr > th.select-all {padding: 0 5px;}
table.results > thead > tr > th.sortable {cursor: pointer;}
table.results > thead > tr > th > div {position: relative;}
table.results > thead > tr > th.sortable > div {padding-right: 1.8em;}
table.results > thead > tr > th > div > div.sort-handle {
	display: none;
	font-family: 'Arial Unicode MS';
	font-size: 140%;
	line-height: 90%;
}
table.results > thead > tr > th > div > div.sort-handle::after {content: '▴';}
table.results > thead > tr > th.descending > div > div.sort-handle::after {content: '▾';}
table.results > thead > tr > th.selected.sortable > div > div.sort-handle {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}
table.results > thead > tr > th > div > span.title {
	display: inline-block;
	text-align: left;
	white-space: nowrap;
}
table.results th.spacer {cursor: inherit; padding: 0; width: 100%;}
table.results th > div.tagDetail {
	position:absolute;
	width:20em;
	display:none;
	font-weight:normal;
	white-space:normal;
	top:2px;
	background:hsla(0,0%,100%,0.9);
	border:1px solid hsla(0,0%,0%,0.2);
	z-index:1;
	box-shadow:0 3px 5px lightgray;
}
table.results th:hover > div.tagDetail {display:block}
table.results tbody {overflow:auto;}
table.results tbody tr {cursor:pointer}
table.results tr:nth-child(odd) {background-color:hsla(0, 0%, 100%, 0.8)}
table.results tr:hover {background-color:hsl(210,20%,91%)}
table.results tr:nth-child(odd):hover {background-color:hsl(210,26%,93%)}
table.results tr.selected, table.results tr.selected:hover {background-color:hsl(210,38%,84%);cursor:inherit}
table.results tr.selected:nth-child(odd), table.results tr.selected:nth-child(odd):hover {background-color:hsl(210,35%,83%);cursor:inherit}
table.results tr td {
	padding:0 6px 2px;
	border-bottom:1px dashed #eee;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	white-space: nowrap;
}
table.results tr td.name {white-space:nowrap}
/*table.results tr td .thumb {opacity:0}*/
table.results > tbody > tr > td.select {width: 15px;}
table.results > tbody > tr > td.taken {font-size:90%; padding-top:4px; white-space: nowrap}
table.results tr td.competency {position:relative}
table.results tr td.competency div {
	position:absolute;
	display:none;
	top:6px;
	background:hsla(0,0%,100%,0.9);
	left:9px;
	border:1px solid hsla(0,0%,0%,0.2);
	text-align:center;
	font-size:80%;
	z-index:1;
	padding:1px 6px;
}
table.results tr td.competency:hover div {display:block}
table.results tr > td.unscored > span.unscored {
	background-color: hsla(210,100%,49%,0.1);
	border-radius: 3px;
	color:hsl(210,100%,15%);
	display: inline-block;
	font-size: 67%;
	margin-left: 4px;
	padding: 1px 5px;
	white-space: nowrap;
}
table.results tr td div.unfinished {
	color: #ccc;
	display: inline-block;
	min-width: 5.48em;
}
table.results tr:hover td div.unfinished {visibility: hidden;}
table.results tr td div.endNow {
	border-radius:3px;
	background-color:hsla(210,100%,49%,0.1);
	color:hsl(210,100%,15%);
	display:none;
	font-size:79%;
	left: 0;
	padding:1px 5px;
	position: absolute;
	width:5.48em;
}
table.results tr td div.endNow::after {content:'end & score'}
table.results tr:hover td div.endNow {display:inline-block;cursor:pointer}
table.results tr td div.endNow:hover {text-decoration:underline}
table.results tr td.noScore {color:#ccc}
table.results tr td.noScore::after {content:'n/a'}
table.results > tbody > tr > td.completed {font-size:85%; padding-top:4px; white-space: nowrap}
table.results > tbody > tr > td.completed > div.wrapper {position: relative;}
table.results > tbody > tr > td.name > div.delete {
	border-radius: 3px 3px 3px 3px;
	background: url("../images/ux/trash-reorder.png") no-repeat scroll 5px 4px hsla(210,100%,49%,0.2);
	cursor: pointer;
	display: inline-block;
	height: 1.2em;
	opacity: 0;
	vertical-align: middle;
	width: 1.2em;
}
table.results > tbody > tr > td.name:hover > div.delete {opacity: 0.6;}
table.results > tbody > tr > td.name > div.delete:hover {opacity: 1;}
table.results .name .value {display:inline-block;padding:4px 3px 2px 9px}
table.results tr.group > td.name {background-color: hsla(0, 0%, 0%, 0.05); font-weight: bold;}
table.results tr.summary > td.name {font-weight: bold; padding: 10px 6px 10px 15px; white-space: nowrap;}
table.results tr.summary > td.competency {padding: 10px 0 10px 10px;}
table.results tr.summary > td.competency > div {top: 13px;}
.assessmentEditor table.results.loading {
	background:url('../images/ux/loading.gif') no-repeat scroll 50% 100px transparent;
	height:inherit;
	padding-top:inherit;
	text-align:inherit;
}
.assessmentEditor table.results {
	top: 82px;
	border-top: 1px solid lightgray;
}
.assessmentEditor .itemReport table.results {display: table; position: static; width: 100%}
.assessmentEditor .scoreDistribution table.results {display: table; position: static; width: 100%}
.assessmentEditor .standardsMastery table.results > tbody > tr {cursor:inherit}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value {font-size: 80%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value div.sub-dates {display: none; margin-left: 2em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value div.sub-dates > input {width: 10em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value div.sub-days {display: none; margin-left: 2em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value div.sub-days > span.day {display: inline-block; white-space: nowrap;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value div.sub-times {display: none; margin-left: 2em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value div.sub-times > span.time {display: inline-block; white-space: nowrap;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability > div.value > div.sub {margin-left: 1.6em; margin-top: 0.2em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability.has-availability-dates > div.value div.sub-dates {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability.has-restricted-days > div.value div.sub-days {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.availability.has-restricted-times > div.value div.sub-times {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.competency > div.value {font-size: 80%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.competency > div.value > input {width: 3em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.feedback > div.value {font-size: 80%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.feedback > div.value > div.sub {display: none; margin-left: 1.6em; margin-top: 0.2em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.feedback.has-feedback > div.value > div.sub {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.instructions > div.value {font-size: 80%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.instructions > div.value > div.sub {display: none; margin-left: 1.9em; margin-top: 0.2em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.instructions > div.value > div.sub > textarea {max-width: 100%; min-height: 8em; width: 100%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.instructions.has-student-instructions > div.value > div.sub {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.item-pool > div.value > button {margin: 0;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.items > div.value {font-size: 80%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.items > div.value > div.sub {margin-left: 1.6em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.items > div.value > div.sub-subset {display: none; padding-left: 4px;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.items > div.value > div.sub-subset > input {width: 4em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.items.has-subset > div.value > div.sub-subset {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.name > div.value > input {width: 100%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.scoring > div.value {font-size: 80%;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.scoring > div.value > div.sub {display: none; margin: 0.2em 0 0.2em 1.6em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.scoring > div.value > div.sub-multiple-attempts input.max-attempts {width: 3em;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.scoring.has-multiple-attempts > div.value > div.sub-multiple-attempts {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.scoring.has-score-display > div.value > div.sub-score-display {display: block;}
section.assessmentEditor > div.pane > div.tabContents > div.overview div.timing > div.value {font-size: 80%;}

section.folderEditor > div.pane > div.tabContents > div.overview div.name > div.value > input {width: 100%;}

div.resultsList div.student-list {
	bottom: 0;
	left: 0;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 82px;
}
div.resultsList div.student-list.loading {
	/* overrides for .loading class */
	height: auto;
	padding: 0;
}
div.resultsList div.student-list > table.results {
	display: table;
	position: static;
	width: 100%;
}

.tabs .info {
	font-size:80%;
	text-align:center;
	color:hsl(0,0%,53%);
}
.tabs .info div:nth-child(1) {color:#bbb}
table.results tr td.competency {
	padding: 3px 0 0 10px;
}
table.result {width: 100%;}
table.result > tbody > tr.result-item:hover {background-color: hsl(210,20%,91%);}
table.result > tbody > tr.result-item.striped {background-color: hsl(210,20%,96%);}
table.result > tbody > tr.result-item.striped:hover {background-color: hsl(210,26%,93%);}
table.result > tbody > tr.result-item > td.possible {text-align: center; vertical-align: top;}
table.result > tbody > tr.result-item > td.response {
	background-color: hsla(0,100%,90%,0.2);
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
}
table.result > tbody > tr.result-item > td.response.blank {
	font-size: 80%;
	font-style: italic;
	padding-top: 4px;
}
table.result > tbody > tr.result-item > td.response.expandable {cursor: pointer;}
table.result > tbody > tr.result-item.correct > td.response {background-color: hsla(120,100%,90%,0.2);}
table.result > tbody > tr.result-item > td.response > div.response-toggle {color: blue; cursor: pointer; text-decoration: underline;}
table.result > tbody > tr.result-item > td.score {
	background-color: hsla(0,100%,90%,0.2);
	text-align: center;
	vertical-align: top;
}
table.result > tbody > tr.result-item.correct > td.score {background-color: hsla(120,100%,90%,0.2);}
table.result > tbody > tr.result-item > td.question {
	padding-top: 4px;
	position: relative;
	vertical-align: top;
}
table.result > tbody > tr.result-item > td.question > div.item {
	font-size: 85%;
	margin-left: 3em;
	max-height: 1.5em;
	min-height: 1.5em;
	overflow: hidden;
	position: relative;
}
table.result > tbody > tr.result-item > td.question > div.item audio {max-width: 100%;}
table.result > tbody > tr.result-item > td.question > div.item img {max-width: 100%; vertical-align: top;}
table.result > tbody > tr.result-item > td.question > div.item img.formula {max-height: 1.4em;}
table.result > tbody > tr.result-item.expanded > td.question > div.item {max-height: none; white-space: normal;}
table.result > tbody > tr.result-item.expanded > td.question > div.item img {max-height: none; vertical-align: baseline;}
table.result > tbody > tr.result-item > td.question > div.number > span.toggle {
	cursor: pointer;
	display: inline-block;
	height: 1.25em;
	position: relative;
	top: -2px;
	width: 1em;
}
table.result > tbody > tr.result-item > td.question > div.number > span.toggle::after {color: #777; content: '▶ '; font-size: 90%;}
table.result > tbody > tr.result-item.expanded > td.question > div.number > span.toggle::after {content: '▼ ';}
table.result > tbody > tr.response {display: none;}
table.result > tbody > tr.response.expanded {display: table-row;}
table.result > tbody > tr.response > td > div.response-container {
	border: solid 1px #aaa;
	min-height: 1.5em;
	padding: 3px;
}
table.result > tbody > tr.response.essay > td > div.response-container > div.essay {
	background: hsl(210,19%,98%);
	font-size: 85%;
	margin-left: 3em;
	padding: 4px;
	white-space: pre-line;
}
table.result > tbody > tr.response.essay > td > div.response-container > div.essay.blank {font-style: italic;}
table.result > tbody > tr.response.essay > td > div.response-container > div.rubric-instructions {
	color: hsl(210,30%,30%);
	font-size: 80%;
	font-style: italic;
	margin: 1em 0;
	padding-left: 1em;
}
table.result > tbody > tr.response.essay > td > div.response-container > table.rubric {margin: 1em 1em 0.5em;}
table.result > tbody > tr.response.match > td > div.response-container > div.matches {
	display: table;
	border-spacing: 0 10px;
}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match {display: table-row;}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div {
	display: table-cell;
	padding: 4px 6px;
	text-align: left;
	vertical-align: top;
}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match.correct > div.answer::before {color: #0a0; content: '✓';}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match.incorrect > div.answer::before {color: #a00; content: '✖';}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div.match-left {
	background-color: hsl(210,19%,98%);
	border: 1px solid transparent;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
	padding-right: 0.75em;
}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div.match-right {
	background-color: hsl(210,19%,98%);
	border: 1px solid transparent;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	padding-left: 0.75em;
}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div.match-spacer {width: 1em;}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div > div.name {
	display: inline-block;
	font-size: 85%;
	min-width: 4em;
}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div > div.name.blank {
	font-style: italic;
	white-space: nowrap;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options {
	list-style: none;
	margin: 0;
	padding: 0;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option > div.letter {
	margin: 0;
	padding: 0;
	width: 34px;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option > div.letter > span.answer {
	font-size: 110%;
	padding-right: 6px;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option.correct > div.letter > span.answer::before {color: #0a0; content: '✓';}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option.incorrect > div.letter > span.answer::before {color: #a00; content: '✖';}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option > div.letter > span.label {
	font-size: 90%;
	padding: 2px 4px;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option.selected > div.letter > span.label {
	border: 1px solid #555;
	border-radius: 100%;
	padding: 0 2px;
}
table.result > tbody > tr.response.short-answer > td > div.response-container > div.response {
	background: hsl(210,19%,98%);
	font-size: 85%;
	margin-left: 3em;
	padding: 4px;
}
table.result > tbody > tr.response.short-answer > td > div.response-container > div.response.blank {font-style: italic;}

.detail {position:absolute;top:71px;bottom:0;overflow:auto;left:0;right:0}
table.result tr td.question .number {
	position: absolute;
	width: 3em;
}
table.result tr td.score input {width:4em;}

div.password-enter-table {display: block;}
div.password-enter-table > div.password-fields {display: table; width: 100%;}
div.password-enter-table > div.password-validation-error {color: red; display: block;}
div.password-enter-table > div.password-fields > div {display: table-row;}
div.password-enter-table > div.password-fields > div > input {display: table-cell; width: 100%;}
div.password-enter-table > div.password-fields > div > label {display: table-cell; font-size: 90%; text-align: right; padding-right: 4px; white-space: nowrap;}

.userEditorSection .pane .role span.name {font-weight:bold}
.userEditorSection .pane .role span.preposition {color:#555}
.userEditorSection .pane .privileges {margin-left:1.5em;font-size:80%;color:#555}
.userEditorSection .pane .role span.thumb {
	background: hsla(210,100%,90%,0.45);
	left: -5px;
	margin: 8px 0 3px 2px;
	padding: 1px 1px 1px 4px;
	position: relative;
	opacity:0;
}
.userEditorSection .pane .role:hover span.thumb {opacity:1}
.userEditorSection .pane .role span.thumb span.delete {
	display: inline-block;
	height: 13px;
	margin: 0px 3px 0px 3px;
	opacity:0.4;
}
.userEditorSection .pane .role span.thumb span.delete:hover {opacity:1}
.userEditorSection .pane input.sis[type=text] {width:40%}
.userEditorSection .pane .role ul {list-style-type:none;margin:0;padding:0 0 0 15px;text-indent:0}
.userEditorSection .pane .role > ul {color:#555;font-size:0.8em;margin-bottom:0.5em;margin-left:22px;overflow-x:hidden}
.userEditorSection .pane div.id-info {color: #bbb; font-size: 80%; padding-top: 4px;}
.userEditorSection .pane .dialog .loading {background-position: 50%; padding: 0;}
.userEditorSection .pane .dialog input[type="text"] {width: 100%;}
.tabular_item.deleteUser div.value {padding-top: 2em}
button.deleteUser {
	color: #900;
	font-weight: bold;
}
button.deleteUser::before {
	content:'Ø ';
	font-weight:bold;
	color:#900;
	font-family:Arial;
}
.usernameError, .error {color:#b00;}
.privilegeList {
	list-style:none;
	margin:0;
	padding:0;
}
ul.privilegeList > li {line-height:1.5em}

#datetimepicker_div {
	border-radius:7px;
	-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.4);
	box-shadow:0 4px 12px rgba(0,0,0,0.4);
	background-color:rgba(242,242,242,0.94);
}
#datetimepicker_div a {cursor:pointer}
.datetimepicker_control {
	background: -moz-linear-gradient(left center, hsla(210,68%,62%,0), hsla(210,68%,62%,0.9)) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left center, right center, from(hsla(210,68%,62%,0)), to(hsla(210,68%,62%,0.9))) repeat scroll 0 0 transparent;
	border-radius:5px 5px 0 0;
	-webkit-box-shadow:inset 0 1px 1px white, inset 0 -1px 1px rgba(0, 0, 0, 0.3);
	box-shadow:inset 0 1px 1px white, inset 0 -1px 1px rgba(0, 0, 0, 0.3);
	font-size:80%;
	position:relative;
}
.datetimepicker_clear {margin-left:3px;}
.datetimepicker_close {
	position:absolute;
	right:3px;
	top:0;
}
.datetimepicker_links {
	position:relative;
	font-size:80%;
}
.datetimepicker_links div {
	display:inline-block;
	text-align:center;
	width:33%;
	padding:0 0 4px;
}
.datetimepicker_prev {margin-left:0.5%;}
table.datetimepicker {font-size:85%;}
.datetimepicker td {padding:0 2px;text-align:right;cursor:default}
.datetimepicker td:first-child {padding:0 2px 0 6px}
.datetimepicker td:nth-child(7) {padding:0 6px 0 2px}
.datetimepicker_titleRow {color:#333}
.datetimepicker_weekEndCell {color:#999}
.datetimepicker_daysCell {color:#123}
.datetimepicker_daysCellOver:hover {background-color:hsl(210,83%,66%)}
.datetimepicker_oneMonth {margin-bottom:0.8em;}
.datetimepicker_timeselection {font-size:85%;text-align:center;margin:0.8em 0 0.8em 0}
.datetimepicker_timeselection select > option {font-size:85%}
.datetimepicker_currentDay {background-color:hsl(210,38%,84%)}
.datetimepicker_today {background-color: #ccc;}

.organizationList {background-color:hsl(210,17%,98%)}
.organizationList.poppedUp div.search {display:block}
div.organizationList.poppedUp > div.organization-browser {display: block;}
.organizationList .terms {padding-left:11px;font-size:88%}
.organizationList .search {height:72px}
div.organization-browser {
	bottom: 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	margin: 13px 0 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 3px 0 0;
	position: absolute;
	right: 0;
	top: 85px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
div.organization-browser.loading {
	background: url('../images/ux/loading.gif') no-repeat scroll 50% 100px transparent;
	height: auto;
}
div.organization-browser.loading > ol.organizations {display: none;}
div.organization-browser ol.organizations {
	list-style: none outside none;
	margin: 0;
	padding: 3px 0 0 1.1em;
}
div.organization-browser ol.organizations > li > span.toggle {
	cursor: pointer;
	display: inline-block;
	left: -14px;
	margin-right: -14px;
	position: relative;
	vertical-align: top;
	width: 14px;
}
div.organization-browser ol.organizations > li > span.toggle::before {content: '▶ '; color: #777; font-size: 90%;}
div.organization-browser ol.organizations > li > span.title {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
div.organization-browser ol.organizations > li.hidden {display: none;}
div.organization-browser ol.organizations > li.filtered {display: none;}
div.organization-browser ol.organizations > li.disabled > span.title {color: #555; cursor: inherit;}
div.organization-browser ol.organizations > li > span.title:hover {background-color: hsla(210,100%,50%,0.1);}
div.organization-browser ol.organizations > li.disabled > span.title:hover {background-color: inherit;}
div.organization-browser ol.organizations > li.selected > span.title {background-color: hsl(210,38%,84%);}
div.organization-browser ol.organizations > li.expanded > span.toggle::before {content: '▼ ';}
div.organization-browser ol.organizations > li > ol {display: none;}
div.organization-browser ol.organizations > li.expanded > ol {display: block;}
div.organization-browser ol.organizations > li.force-expanded > ol {display: block;}
div.organization-browser ol.organizations > li.force-expanded > span.toggle {display: none;}
div.organization-browser ol.organizations > li.leaf > span.toggle {display: none;}
div.organization-browser ol.organizations > li.leaf > ol {display: none;}
div.organization-browser ol.organizations > li.loading {
	background: url("../images/ux/loading-small.gif") no-repeat scroll 0 50% transparent;
	color: #777;
	font-size: 0.8em;
	height: auto;
	min-height: 16px;
	padding: 0 0 0 18px;
	text-align: left;
}
ul.orgList li > .toggle, ul.syncOrgList li > .toggle {position:relative;z-index:2}
ul.orgList li > .toggle::before, ul.syncOrgList li > .toggle::before {content:'▶ ';color:#777;font-size:90%}
ul.orgList li.leaf > .toggle, ul.syncOrgList li.leaf > .toggle {visibility:hidden}
ul.orgList li.expanded > .toggle::before, ul.syncOrgList li.expanded > .toggle::before {content:'▼ '}
ul.orgList li, ul.syncOrgList li {
	list-style:none outside none;
	cursor:pointer;
	text-indent:-1.16em;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
ul.orgList li.expanded, ul.syncOrgList li.expanded {text-indent:-1.08em;}
ul.orgList > ul > ul > li::before, ul.syncOrgList > ul > ul > li::before {content:''}
ul.orgList li + ul, ul.syncOrgList li + ul {display:none}
ul.orgList li.expanded + ul, ul.syncOrgList li.expanded + ul {display:block;padding-left:1.2em}
ul.orgList li:hover {background-color:hsla(210,100%,50%,0.1)}
ul.orgList li.selected {background-color:hsl(210,38%,84%)}
ul.orgList li.disabled {color:#555;cursor:inherit}
ul.orgList li.disabled:hover {background-color:inherit}
ul.orgList li.disabled > .toggle {visibility:hidden}
ul.orgList li, ul.syncOrgList li {padding:2px 0}
.orgList .syncOrg .remove {padding:0 6px 0 0; opacity:0}
ul.orgList .syncOrg .remove::after {content:'×'}
ul.orgList .syncOrg:hover .remove {opacity:0.3}
ul.orgList .syncOrg .remove:hover {opacity:1}

div.tabContents > div.tab-syncs > div.dropCSV {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
div.tabContents > div.tab-syncs > div.dropCSV > div.bg {
	background: hsla(0,0%,50%,0.2);
	bottom: 0;
	left: 0;
	position:absolute;
	right: 0;
	top: 0;
}
div.tabContents > div.tab-syncs > div.dropCSV > div.box {
	background: hsl(210,1%,99%);
	box-shadow: 0 3px 6px #999, 0 -1px 6px #fff, 0 -1px 5px #999 inset;
	left: 50%;
	margin-left: -250px;
	min-height: 200px;
	position: absolute;
	text-align: center;
	top: 100px;
	width: 500px;
}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop {
	background: hsl(210,13%,93%);
	box-shadow: 0 -2px 4px #999, 0 2px 6px #fff, 0 -2px 6px #fff inset, 0 1px 5px #999 inset;
	margin: 3em;
	padding: 2em 2em 2em 5em;
	text-align: left;
}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop.dragging {background: hsl(210,33%,86%);}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop > span.arrow {
	color: hsl(210,50%,50%);
	font-size: 300%;
	left: 66px;
	position: absolute;
	text-shadow: 0 1px 5px white, 0 -1px 5px white, -1px 0 5px white, 1px 0 5px white;
}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop > div.uploading {display: none;}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop.loading {height: auto !important;}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop.loading > form {display: none;}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop.loading > div.uploading {
	background: url('../images/ux/loading.gif') no-repeat 0 50%;
	display: block;
	font-size: 1.1em;
	margin-top: 1em;
	min-height: 26px;
	padding-left: 32px;
}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop > span.arrow::before {content: '⇩';}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop > form {margin-top: 1em;}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop > form > iframe {display: none;}
div.tabContents > div.tab-syncs > div.dropCSV > div.box > div.drop > form > input {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
}
div.tabContents > div.tab-syncs > div.instructionsBox {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 80%;
	height: 38px;
	padding: 3px 0 7px 13px;
	position: absolute;
	text-overflow: ellipsis;
	top: 0;
	width: 100%;
}
div.tabContents > div.tab-syncs > div.startBox {
	bottom: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	padding: 6px 0 10px 13px;
	position: absolute;
	width: 100%;
}
div.tabContents > div.tab-syncs > div.startBox > span {color: #333; font-size: 80%;}
div.tabContents > div.tab-syncs > div.startBox > span > span.loading {
	width:40px;
	height:26px;
	display:inline-block;
	padding:0;
	background:url('../images/ux/loading.gif') no-repeat scroll 8px 0px transparent;
	top:7px;
	position:relative;
}

.matchupLists {
	background: #F2F2F2;
	background: -moz-repeating-linear-gradient(top, #F2F2F2 2px, #EBEBEB 5px);
	background: -webkit-repeating-linear-gradient(top, #F2F2F2 2px, #EBEBEB 5px);
	background: repeating-linear-gradient(top, #F2F2F2 2px, #EBEBEB 5px);
	position:absolute;
	width:100%;
	top:38px; bottom:51px;
	border-width:1px;
	border-style:solid;
	border-color:white #CCC #999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.matchupLists h3 {
	left:1%;
	position:absolute;
	width:50%;
	font-size:inherit;
	margin:4px 0;
	text-indent:1em;
}
.matchupLists h3.syncOrgList {
	left:50%;
}
ul.orgList, ul.syncOrgList {
	top:27px; bottom:7px;
	border-width:2px 0 2px 2px;
	border-style:solid;
	border-color:white;
	border-radius:7px 0 0 7px / 11px 0 0 11px;
	margin:0 0 0 1%;
	padding:3px 1.75em 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:49%;
	border-image:initial;
	position:absolute;
	background:white;
	overflow-y:auto;
	box-shadow:0 -2px 4px hsla(0,100%,0%,0.13), 0 2px 4px hsla(0,0%,100%,1);
}
ul.syncOrgList {
	margin:0 1% 0 0;
	left:50%;
	border-width:2px 2px 2px 1px;
	border-left-color:#ddd;
	border-radius:0 7px 7px 0 / 0 11px 11px 0;
	margin:0 1% 0 0;
}
.syncOrgList iframe {display:none}
.syncDetailElement {
	position:absolute;
	width:100%;
	bottom:0; height:220px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-top:1px solid #ccc;
}
ul.orgList .syncOrg {text-indent:0;margin-left:1em}
ul.orgList .syncOrg span.name {font-size:85%}
ul.syncOrgList span.move {
	background:url("../images/ux/trash-reorder.png") no-repeat scroll -46px 1px transparent;
	cursor:move;
	display:inline-block;
	height:11px;
	margin:0 4px;
	width:11px;
	opacity:0;
}
ul.syncOrgList span.add {
	cursor:pointer;
	display:none;
	height:11px;
	margin:0 4px;
	width:11px;
	opacity:0;
	text-indent:0;
	top:-3px;
	position:relative;
	color:hsl(120,100%,42%);
}
ul.syncOrgList span.add::before {
	content:'+';
	font-weight:bold;
	text-shadow:0 1px 5px white, 0 -1px 4px white, 0 0 3px white;
}
ul.syncOrgList span.add:hover {
	color:hsl(120,100%,60%);
}
ul.syncOrgList li:hover span.move, ul.syncOrgList li:hover span.add {opacity:0.3}
ul.syncOrgList span.move:hover, ul.syncOrgList span.add:hover {opacity:1}
ul.syncOrgList .synced span.move, ul.syncOrgList .synced span.add {display:none}
.syncDetailElement {
	padding:4px 11px;
	overflow-y:auto;
}

.tabular_items p {margin:0.5em 0;font-size:85%}

ul.tagList {
	list-style:none;
	margin:0;
	padding:0;
}
ul.tagList li {
	padding:4px 2px 4px 1em;
	border-bottom:1px dotted lightgray;
	cursor:pointer;
}
ul.enrollment-code-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.enrollment-code-list > li {
	border-bottom: 1px dotted lightgray;
	padding: 4px 2px 4px 1em;
	position: relative;
}
ul.enrollment-code-list > li > span.delete {
	background: url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	cursor: pointer;
	display: none;
	height: 16px;
	left: 2px;
	margin: 0 2px 0 0;
	position: absolute;
	top: 8px;
	width: 11px;
}
ul.enrollment-code-list > li:hover > span.delete {display: block;}
ul.enrollment-code-list > li.loading {
	background-position: 5px 5px;
	height: auto;
	min-height: 28px;
	padding: 7px 0 0 40px;
	text-align: left;
}
ul.enrollment-code-list > li > span.code {
	background: hsl(0, 0%, 90%);
	padding: 2px 1em 4px;
}
ul.sis-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.sis-list > li {
	border-bottom: 1px dotted lightgray;
	padding: 4px 2px 4px 1em;
	position: relative;
}
ul.sis-list > li > div.delete-check {
	background: url("../images/ux/loading-small.gif") no-repeat scroll 8px 10px rgba(255, 255, 255, 0.85);
	bottom: 0;
	left: 0;
	min-height: 18px;
	padding: 8px 0 8px 26px;
	position: absolute;
	right: 0;
	top: 0;
	vertical-align: middle;
}
ul.sis-list > li > span.delete {
	background: url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	cursor: pointer;
	display: none;
	height: 16px;
	left: 2px;
	margin: 0 2px 0 0;
	position: absolute;
	top: 8px;
	width: 11px;
}
ul.sis-list > li:hover > span.delete {display: block;}
ul.sis-list > li input[placeholder="sis name"] {width: 70%;}
.tabContents ul li.selected {background:hsl(210,60%,88%)}

div.pane > div.tabs > div.tabs-box {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* The following min-height non-sense is to work-around a bug in FF < 16 */
	/* FF < 16 supports -moz-calc, but FF 16 fixes the bug, making the calc  */
	/* look bad again! BUT FF 16 adds un-prefixed calc, so that can be used  */
	/* to reset the height back. min-height order below matters.  */
	min-height: 100%;                   /* This is the normal rule */
	min-height: -moz-calc(100% - 50px); /* This is for FF < 16 */
	min-height: calc(100%);             /* This is for FF 16+ to reset the above */
	padding-bottom: 50px;
	position: relative;
}
div.pane > div.tabs > div.tabs-box > ol > li {white-space: nowrap;}
.pane .tabs, .savePrep {
	position:absolute;
	width:132px;
	background:hsl(0,0%,93%);
	background:-webkit-repeating-linear-gradient(top, hsl(0,0%,94%), hsl(0,0%,92%) 3px, hsl(0,0%,94%) 6px);
	background:-moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,94%), hsl(0,0%,93%), hsl(0,0%,94%) 20%) repeat;
	background:repeating-linear-gradient(to bottom, hsl(0,0%,94%), hsl(0,0%,92%) 3px, hsl(0,0%,94%) 4px);
	top:25px;
	bottom:0;
	border-bottom-left-radius:10px 7px;
	overflow-x:hidden;
	overflow-y:auto;
	box-shadow:-2px 0 2px lightgray inset;
}
.pane .tabContents {
	position:absolute;
	left:132px;
	top:25px;
	bottom:0;
	overflow-y:auto;
	right:0;
}
.pane .tabContents .tabular_items {margin-top: 0; padding-top: 25px; top: 0;}
.tabs div.save {
	text-align:center;
	padding-top:10px;
}
.tabs ol {
	list-style:none;
	padding:0 0 0 7px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.tabs ol li {
	border-top-left-radius:9px 13px;
	border-bottom-left-radius:5px 7px;
	background:hsl(210, 33%, 97%);
	margin:7px 0;
	padding:1px 0 2px;
	text-indent:0.5em;
	box-shadow:-3px 0 4px -3px #999 inset, 0 2px 3px #bbb, 2px 2px 2px white inset, 1px -1px 1px #ddd inset;
	font-size:95%;
	color:#00a;
	cursor:pointer;
	text-shadow:0 1px 1px white, 0 1px 3px #aaa;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.tabs ol li:hover {
	background:hsl(210, 100%, 97%);
}
.tabs ol li.selected {
	cursor: inherit;
	background:white;
	box-shadow:0 3px 4px #999, 2px 2px 2px white inset, 1px -1px 1px -1px #ccc inset;
	color:hsl(0,0%,35%);
}
div.tabs ol li.disabled {
	color:hsl(0, 0%, 80%);
	background:hsl(0, 0%, 98%);
	text-shadow:none;
	cursor: inherit;
	box-shadow:-3px 0 4px -3px #999 inset, 0 2px 3px #ddd, 2px 2px 2px white inset, 1px -1px 1px #ddd inset;
}
.tabs .deleteArea {
	text-align:center;
	bottom:4%;
	position:absolute;
	left:0;
	right:0;
	font-size:70%;
}
button.delete {
	color: hsl(0,100%,30%);
	font-weight: bold;
}
button.delete::before {
	content:'Ø ';
	font-weight:bold;
	color:hsl(0,100%,30%);
	font-family:Arial;
}
.tabContents > div {display:none}
.tabContents > div.visible {display:block}
section.hidden .tabContents > div.visible {display: none !important;} /* force back to none when in hidden section */
.tabContents ul.userList {left:1px}
.tabContents .search {height:68px}
.tabContents .search .filter {
	font-size:85%;
	padding-left:1em;
	height:26px;
}
.assessmentEditor .tabs {width:142px}
.assessmentEditor .tabContents {left: 142px;}
.confirmDelete {margin:2em 4em;}
.confirmDelete p {margin:0.5em 0}

.searchItemBank {
	position:absolute;
	top:25px;
	height:100px;
	background:hsl(0, 0%, 97%);
	left:1px;
	right:1px;
	box-shadow:0 1px 2px gray;
}
.searchItemBank ul {
	list-style:none;
	margin:0;
	padding:0;
}
.searchItemBank ul li {display:inline-block}
.searchItemBank ul li span.x::before {content:'×'}
.savePrep {
	top:125px;
	width:150px;
	z-index:-1;
	text-align:center;
}
.savePrep .info {
	font-size:75%;
	color:gray;
	margin:1em 3px;
}
.savePrep .save {margin:1em 0 0}
.savePrep button.download {margin: 1em 0;}
.savePrep div.download {display: none;}
.searchItemBank ul.criteria {
	position:absolute;
	left:150px;
	background:white;
	right:160px;
	top:10px;
	height:77px;
	border-radius:7px / 4px;
	box-shadow:0 1px 2px white, 0 -1px 2px gray, 0 0px 2px gray inset;
	padding:3px 3px 2px 7px;
	overflow:auto;
	white-space:normal;
}
ul.criteria:empty::after {
	content:"Add search criteria to narrow your item search.";
	color:#ccc;
	font-size:93%;
}
.searchItemBank ul.criteria li {
	border-radius:10px / 7px;
	border:1px solid hsl(0, 0%, 67%);
	box-shadow:0 1px 4px #ccc, 0 -1px 1px #aaa inset, 0 2px 3px #fff inset;
	background:hsl(210,60%,93%);
	padding:1px 6px 2px 4px;
	margin:1px 5px 1px 0px;
	white-space:nowrap;
	cursor:pointer;
	font-size:87%;
	min-height:23px;
	vertical-align:top;
}
.searchItemBank ul.criteria li:hover {background:hsl(210,80%,90%);}
.searchItemBank ul.criteria li.showingCalendar {border-bottom-right-radius:0}
.searchItemBank ul.criteria li > span.modifier > select {font-size: 80%;}
.searchItemBank li span.x {
	opacity:0.2;
	padding:2px 3px;
	height:23px;
	display:inline-block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.searchItemBank li:hover span.x {opacity:0.5}
.searchItemBank li span.x:hover {opacity:1;color:hsl(0,100%,10%)}
.searchItemBank button {
	position:absolute;
	right:17px;
	top:21px;
	width:118px;
}
.searchItemBank button::before {
	content:'+ ';
	font-weight:bold;
	color:#090;
}
.searchItemBank .label {
	width:150px;
	text-align:center;
	margin-top:1em;
}
.searchItemBank .instruction {
	width:150px;
	font-size:75%;
	padding:2px 3px 0 13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:gray;
}

.dateRangePicker {
	position:absolute;
	display:none;
	z-index:1;
	height:0;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.dateRangePicker.showing {
	display:block;
	height:100px;
}
.dateRangePicker > div {
	background:hsl(210,60%,93%);
	padding:7px;
	box-shadow:0 5px 9px #ccc, 0 -2px 4px #999 inset;
}
.dateRangePicker .head {text-align:center}
.dateRangePicker .prev, .dateRangePicker .next {color:#888;cursor:pointer;}
.dateRangePicker .head span {
	display:inline-block;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.dateRangePicker .prev:hover, .dateRangePicker .next:hover {color:hsl(210,50%,50%)}
.dateRangePicker .prev::before {content:'◀ '}
.dateRangePicker .next::before {content:' ▶'}
.dateRangePicker > div > div {
	display:inline-block;
	margin:9px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.dateRangePicker table {
	box-shadow:0 2px 3px white, 9px 7px -8px #ddd, -9px 7px 1px -8px #ddd;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.dateRangePicker tbody {cursor:pointer}
.dateRangePicker td {
	background:white;
	box-shadow:-1px -1px hsl(210,100%,87%) inset;
	text-align:right;
}
.dateRangePicker th {
	font-weight:normal;
	font-size:80%;
	color:hsla(0,0%,0%,0.4);
}
.dateRangePicker td, .dateRangePicker th {width:25px}
.dateRangePicker tr:first-child td {border-top:1px solid hsl(210,1%,56%)}
.dateRangePicker tr:last-child td {
	border-bottom:1px solid #fff;
	box-shadow:-1px 0px hsl(210,100%,87%) inset;
}
.dateRangePicker td:first-child {border-left:1px solid hsl(210,3%,87%);background:hsl(0,0%,96%)}
.dateRangePicker td:last-child {
	border-right:1px solid hsl(210,3%,87%);
	box-shadow:0px -1px hsl(210,100%,87%) inset;
	background:hsl(0,0%,96%);
}
.dateRangePicker tr:last-child td:last-child {box-shadow:none}
.dateRangePicker td div {
	padding-right:2px;
	margin:2px 0 4px;
	height:14px;
	line-height:13px;
	border:1px solid transparent;
}
.dateRangePicker td.today div {border-color:red}
/* FROM UNTIL same */
.dateRangePicker td.from.until, .focusUntil td.from.hUntil {
	border-radius:6px;
	background:hsl(210,82%,82%);
	box-shadow:0 1px 2px hsla(0,0%,0%,0.2);
	margin-left:1px;
	margin-right:2px;
	padding-right:0;
}
/* FROM dark */
.dateRangePicker td.from div, .focusFrom td.from.hFrom div, .focusFrom td.from.hWithin div, .focusUntil td.from.hBefore div {
	border-radius:6px 0 0 6px;
	background:hsl(210,82%,82%);
	box-shadow:0 1px 2px hsla(0,0%,0%,0.2);
	margin-left:1px;
}
/* FROM light */
.focusFrom td.hFrom div, .focusFrom td.from.hBefore div, .dateRangePicker td.before.hFrom div {
	border-radius:6px 0 0 6px;
	background:hsla(210,82%,82%,0.4);
	box-shadow:0 1px 2px hsla(0,0%,0%,0.2);
	margin-left:1px;
}
/* WITHIN dark */
.dateRangePicker td.within div, .dateRangePicker td.within.hWithin div {
	background:hsl(210,82%,82%);
	box-shadow:0 1px 2px hsla(0,0%,0%,0.2);
}
/* WITHIN light */
.focusFrom td.hWithin div, .dateRangePicker td.within.hBefore div, .dateRangePicker td.before.hWithin div, .focusUntil td.within.hAfter div, .focusUntil td.after.hWithin div {
	background: hsla(210, 82%, 82%, 0.3);
	box-shadow: 0 1px 2px hsla(0,0%,0%,0.1);
}
/* UNTIL dark */
.dateRangePicker td.until div, .dateRangePicker td.within.hUntil div, .dateRangePicker td.until.hUntil div {
	border-radius:0 6px 6px 0;
	background:hsl(210,82%,82%);
	box-shadow:0 1px 2px hsla(0,0%,0%,0.2);
	margin-right:2px;
	padding-right:0;
}
/* UNTIL light */
.dateRangePicker td.hUntil div, .focusFrom td.until.hBefore div, .dateRangePicker td.until.hAfter div {
	border-radius:0 6px 6px 0;
	background:hsla(210,82%,82%,0.4);
	box-shadow:0 1px 2px hsla(0,0%,0%,0.1);
	margin-right:2px;
	padding-right:0;
}
/* OUT of month */
.dateRangePicker td.out {color:hsla(0,0%,0%,0.17)}
.dateRangePicker td.out.from div, .dateRangePicker td.out.within div, .dateRangePicker td.out.until div {
	background: hsla(210, 82%, 82%, 0.3);
	box-shadow: 0 1px 2px hsla(0,0%,0%,0.1);
}

.resultsNav {
	position:absolute;
	top:125px;
	left:150px;
	background:hsl(210, 10%, 92%);
	right:0;
	z-index:-1;
	box-shadow:0 -1px 1px white inset;
	border-bottom:1px solid hsl(0, 0%, 73%);
	font-size:90%;
	padding:4px 13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height:25px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.resultsNav span span {
	color:hsl(230, 100%, 40%);
	border-bottom:1px solid hsl(230, 100%, 70%);
	cursor:pointer;
	height:15px;
	display:inline-block;
}
.resultsNav span span:hover {
	color:hsl(275,100%,40%);
	border-bottom:1px solid hsl(275, 100%, 70%);
}
.resultsNav span span.selected, .resultsNav span span.selected:hover {
	color:black;
	font-weight:bold;
	border-bottom:none;
}
.resultsNav .per {
	position:absolute;
	right:0;
	top: 3px;
	background:hsla(210,10%,92%,0.9);
	padding:0 0.5em 1px;
}
.resultsNav .per select {
	font-size: 80%;
	margin: 0;
}
.resultsNav .pages {font-size:85%}
.itemBankEditor .pane .contents {
	left:150px;
	top:150px;
	right:0;
	padding:0;
}
.drawer.criteria {width:270px}
.drawer.criteria > .label {text-align:center;color:#aaa;margin-top:5px}
.drawer.criteria .basic {
	text-align:right;
	font-size:83%;
	color:blue;
	text-decoration:underline;
}
.drawer.criteria > ul {
	position:absolute;
	left:0;
	right:0;
	top:44px;
	bottom:0;
	margin:8px;
	padding:0;
	background:white;
	border:1px solid hsl(0, 0%, 80%);
	list-style:none;
	overflow-y:auto;
}
.drawer.criteria > ul ul:last-child {margin-bottom:20px}
.drawer.criteria > ul > li {
	color:gray;
	font-size:85%;
	padding:7px 0 0 7px;
	cursor:default;
	text-decoration:underline;
}
.drawer.criteria > ul ul {
	list-style:none;
	padding:0;
}
.drawer.criteria > ul ul li {
	cursor:pointer;
	padding:0 0 0 7px;
	font-size:90%;
}
.drawer.criteria > ul ul li:hover {background:hsla(210,80%,90%,0.8)}
.drawer.criteria > ul ul li::before {
	content:'+ ';
	font-weight:bold;
	color:#090;
}
.drawer.criteria > ul ul li.disabled {
	color:#bbb;
	cursor: inherit;
}
.drawer.criteria > ul ul li.disabled:hover {background:none}
.drawer.criteria > ul ul li.disabled::before {color:#ccc}
.itemBankEditor .item .about, .itemBankEditor .group .about {width:250px}
li.item .stats {
	font-family:Tahoma;
	font-size:75%;
	color:#aaa;
	margin:0.5em 0 1em;
}
li.item .stats .usage {color:black}

section.organizationEditor div.tabContents > div.analytics div.tabular_item.range > div.value {font-size: 0.8em;}
section.organizationEditor div.tabContents > div.analytics div.tabular_item.range > div.value > input {width: 7em;}

section.organizationEditor div.tabContents > div.enrollment-codes {height: 100%; position: relative; width: 100%}
section.organizationEditor div.tabContents > div.enrollment-codes > div.top-area {
	background: hsl(0,0%,94%);
	background: -webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background: -moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background: repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	border-color: transparent hsl(210,5%,85%) hsl(210,3%,69%) hsl(210,5%,85%);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 44px;
	padding: 10px;
}
section.organizationEditor div.tabContents > div.enrollment-codes > div.top-area > button {margin: 0;}

section.organizationEditor div.tabContents > div.notifications {height: 100%; position: relative; width: 100%}
section.organizationEditor div.tabContents > div.notifications > div.top-area {
	background: hsl(0,0%,94%);
	background: -webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background: -moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background: repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	border-color: transparent hsl(210,5%,85%) hsl(210,3%,69%) hsl(210,5%,85%);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 44px;
	padding: 10px;
}
section.organizationEditor div.tabContents > div.notifications > div.top-area > button {margin: 0;}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list {
	bottom: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	right: 0;
	top: 44px;
}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list > li.notification {
	border-bottom: 1px dotted lightgray;
	padding: 0.5em 1em;
	position: relative;
}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list > li.notification > span.delete {
	background: url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	cursor: pointer;
	display: none;
	height: 16px;
	left: 2px;
	margin: 0 2px 0 0;
	position: absolute;
	top: 8px;
	width: 11px;
}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list > li.notification:hover > span.delete {display: block;}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list > li.notification > div.active {
	color: red;
	font-size: 80%;
	text-align: right;
}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list > li.notification.is-active > div.active {color: green;}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list > li.notification > label {display: block;}
section.organizationEditor div.tabContents > div.notifications > ul.notification-list > li.notification > textarea {
	height: 7em;
	max-width: 99%;
	width: 99%;
}

section.organizationEditor div.tabContents > div.overview div.organization-path {color: #555; font-size: 80%;}
section.organizationEditor div.tabContents > div.overview div.organization-path > span {white-space: nowrap;}
section.organizationEditor div.tabContents > div.overview input.organization-name {width: 95%;}

section.organizationEditor div.tabContents > div.roles {height: 100%; position: relative; width: 100%}
section.organizationEditor div.tabContents > div.roles > div.top-area {
	background: hsl(0,0%,94%);
	background: -webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background: -moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background: repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	border-color: transparent hsl(210,5%,85%) hsl(210,3%,69%) hsl(210,5%,85%);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 44px;
	padding: 10px;
}
section.organizationEditor div.tabContents > div.roles > div.top-area > button {margin: 0;}
section.organizationEditor div.tabContents > div.roles > ul.role-list {
	bottom: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	right: 0;
	top: 44px;
}
section.organizationEditor div.tabContents > div.roles > ul.role-list > li.role {
	border-bottom: 1px solid #ebebeb;
	cursor: pointer;
	font-size: 1.05em;
	line-height: 110%;
	padding: 4px 8px;
}
section.organizationEditor div.tabContents > div.roles > ul.role-list > li.role:nth-child(even) {background-color: #f9f9f9;}
section.organizationEditor div.tabContents > div.roles > ul.role-list > li.role.selected {background-color: hsl(210,38%,84%);}
section.organizationEditor div.tabContents > div.roles > ul.role-list > li.role.selected:nth-child(even) {background-color: hsl(210,33%,82%);}

section.organizationEditor div.tabContents > div.rubrics > div.top-area {
	background: hsl(0,0%,94%);
	background: -webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background: -moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background: repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	border-color: transparent hsl(210,5%,85%) hsl(210,3%,69%) hsl(210,5%,85%);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 44px;
	padding: 10px;
}
section.organizationEditor div.tabContents > div.rubrics > div.top-area > button {margin: 0;}
section.organizationEditor div.tabContents > div.rubrics > div.top-area > div.searchbox {left: 5em;}
section.organizationEditor div.tabContents > div.rubrics > ul.rubricList {top: 44px;}

section.organizationEditor div.tabContents > div.standards {height: 100%; position: relative; width: 100%}
section.organizationEditor div.tabContents > div.standards > div.search {height: 94px}
section.organizationEditor div.tabContents > div.standards > div.search > div.searchbox {left: 5em;}
section.organizationEditor div.tabContents > div.standards > ul.tagList {
	bottom: 0;
	left: 0;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 95px;
}
section.organizationEditor div.tabContents > div.standards > ul.tagList > li {overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
section.organizationEditor div.tabContents > div.standards > ul.tagList > li.hidden {display: none;}

section.organizationEditor div.tabContents > div.subdomains {height: 100%; position: relative; width: 100%}
section.organizationEditor div.tabContents > div.subdomains > div.top-area {
	background: hsl(0,0%,94%);
	background: -webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background: -moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background: repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	border-color: transparent hsl(210,5%,85%) hsl(210,3%,69%) hsl(210,5%,85%);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 44px;
	padding: 10px;
}
section.organizationEditor div.tabContents > div.subdomains > div.top-area > button {margin: 0;}
section.organizationEditor div.tabContents > div.subdomains > ul.subdomain-list {
	bottom: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	right: 0;
	top: 44px;
}
section.organizationEditor div.tabContents > div.subdomains > ul.subdomain-list > li.subdomain {
	border-bottom: 1px dotted lightgray;
	padding: 4px 2px 4px 1em;
	position: relative;
}
section.organizationEditor div.tabContents > div.subdomains > ul.subdomain-list > li.subdomain > span.delete {
	background: url("../images/ux/trash-reorder.png") no-repeat scroll 1px 1px transparent;
	cursor: pointer;
	display: none;
	height: 16px;
	left: 2px;
	margin: 0 2px 0 0;
	position: absolute;
	top: 8px;
	width: 11px;
}
section.organizationEditor div.tabContents > div.subdomains > ul.subdomain-list > li.subdomain:hover > span.delete {display: block;}
section.organizationEditor div.tabContents > div.subdomains > ul.subdomain-list > li.subdomain > div.list > label {font-size: 80%;}
section.organizationEditor div.tabContents > div.subdomains > ul.subdomain-list > li.subdomain > div.subdomain > div.error {font-size: 0.8em;}
section.organizationEditor div.tabContents > div.subdomains > ul.subdomain-list > li.subdomain > div.subdomain > input {text-align: right;}

section.organizationEditor div.tabContents > div.purge-accounts div.processing {
	background: url(../images/ux/password-recovery-loader.gif) no-repeat bottom center;
	padding-bottom: 2em;
}
section.organizationEditor div.tabContents > div.purge-accounts div.remaining {
	font-size: 0.8em;
	text-align: center;
}
section.organizationEditor div.tabContents > div.purge-accounts div.tabular_item.role > div.value > div {font-size: 0.8em;}
section.organizationEditor div.tabContents > div.purge-accounts div.tabular_item.role > div.value > div > input {vertical-align: middle;}

section.organizationEditor div.tabContents > div.syncs {height: 100%; position: relative; width: 100%}
section.organizationEditor div.tabContents > div.syncs > div.top-area {
	background: hsl(0,0%,94%);
	background: -webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background: -moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background: repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	border-color: transparent hsl(210,5%,85%) hsl(210,3%,69%) hsl(210,5%,85%);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 44px;
	padding: 10px;
}
section.organizationEditor div.tabContents > div.syncs > div.top-area > button {margin: 0;}
section.organizationEditor div.tabContents > div.syncs > ul.sync-list {
	bottom: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0;
	position: absolute;
	right: 0;
	top: 44px;
}
section.organizationEditor div.tabContents > div.syncs > ul.sync-list > li.sync {
	border-bottom: 1px solid #ebebeb;
	cursor: pointer;
	font-size: 1.05em;
	line-height: 110%;
	padding: 4px 8px;
}
section.organizationEditor div.tabContents > div.syncs > ul.sync-list > li.sync > div.last-run {
	color: gray;
	font-size: 80%;
}
section.organizationEditor div.tabContents > div.syncs > ul.sync-list > li.sync:nth-child(even) {background-color: #f9f9f9;}
section.organizationEditor div.tabContents > div.syncs > ul.sync-list > li.sync.selected {background-color: hsl(210,38%,84%);}
section.organizationEditor div.tabContents > div.syncs > ul.sync-list > li.sync.selected:nth-child(even) {background-color: hsl(210,33%,82%);}

section.organizationEditor div.tabContents > div.user-accounts > div.top-area {
	background: hsl(0,0%,94%);
	background: -webkit-repeating-linear-gradient(top, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	background: -moz-repeating-linear-gradient(0px 25px 90deg, hsl(0,0%,95%), hsl(0,0%,93%), hsl(0,0%,95%) 20%) repeat;
	background: repeating-linear-gradient(to bottom, hsl(0,0%,95%) 2px, hsl(0,0%,92%) 5px);
	border-color: transparent hsl(210,5%,85%) hsl(210,3%,69%) hsl(210,5%,85%);
	border-style: solid;
	border-width: 0 1px 1px 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 70px;
}
section.organizationEditor div.tabContents > div.user-accounts > div.top-area > div.search {
	background: initial;
	border: none;
	height: auto;
	margin: initial;
}
section.organizationEditor div.tabContents > div.user-accounts > div.top-area > div.search > button + div.searchbox {left: 5.5em;}
section.organizationEditor div.tabContents > div.user-accounts > div.top-area > div.filters {
	height: 25px;
	margin: 0 10px 10px 10px;
	text-align: right;
	white-space: nowrap;
}
section.organizationEditor div.tabContents > div.user-accounts > div.top-area > div.filters > div.filter {
	color: #555;
	display: inline-block;
	font-size: 90%;
	text-align: left;
}
section.organizationEditor div.tabContents > div.user-accounts > div.top-area > div.filters > div.filter + div.filter {margin-left: 5px;}

section.roleEditorSection > div.pane div.id-info {color: #bbb; font-size: 80%; padding-top: 4px;}
section.roleEditorSection > div.pane div.tabular_item.role-name > div.value > input {width: 50%;}
section.roleEditorSection > div.pane div.tabular_item.show-when-new {display: none;}
section.roleEditorSection > div.pane.new-unsaved div.tabular_item.show-when-new {display: table-row;}

section.standardsDocumentEditorSection > div.pane.drawerShowing {right: 220px;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.overview {padding-right: 2em;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.overview > div.tabular_items {display: table; position: static}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.overview > div.tabular_items input {width: 100%;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.overview > div.tabular_items textarea {height: 15em; width: 100%;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document {
	bottom: 0;
	font-family: Palatino,Palatino Linotype;
	left: 0;
	overflow: auto;
	position: absolute;
	right: 0;
	top: 24px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document div[contenteditable="true"] {cursor: text;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document span[contenteditable="true"] {cursor: text;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document > ol.tags {
	margin: 0;
	padding: 4px 4px 1.2em 55px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags  {list-style-type: none;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info {position: relative;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag.focused > div.info {
	background-color: hsla(210,100%,50%,0.1);
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.about {
	background: hsl(210,3%,95%);
	font-size: 75%;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 0;
	width: 108px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag.tag-display-abbreviation > div.info > div.about {display: none;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.about > div.blueprint-count {
	display: none;
	padding: 2px 3px 2px 5px;
	white-space: nowrap;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag.tag-blueprint-select > div.info > div.about > div.blueprint-count {display: block;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.about > div.blueprint-count > input {width: 3em;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.name {
	margin-right: 110px;
	min-width: 15em;
	outline-style: none;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.name.too-long {
	border: 1px solid #ed4337;
	border-radius:6px;
	padding: 0 4px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.name.too-long::after {
	background-color: #ed4337;
	color: white;
	content: "Content is too long; cannot save contents.";
	display: block;
	font-size: 0.8em;
	font-style: normal;
	margin: 4px -4px 0 -4px;
	padding: 4px;
	width: 100%;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.thumb {
	left: -67px;
	position: absolute;
	right: auto;
	top: -9px;
	width: 48px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info:hover > div.thumb {
	background: hsla(210,80%,80%,0.13);
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info:hover > div.thumb > div.delete {
	opacity: 0.3;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.thumb > div.delete:hover {
	opacity: 0.7;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.thumb > div.reorder {
	background: url("../images/ux/trash-reorder.png") no-repeat scroll -22px 1px transparent;
	cursor: row-resize;
	margin: 0 4px 0 2px;
	width: 11px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info:hover > div.thumb > div.reorder {
	opacity: 0.7;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > div.info > div.thumb > span.sequence::after {
	content: ".";
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags > li.tag > ol.tags {
	padding: 7px 0 0 20px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore > ol.tags {
	list-style-type: none;
	padding-left: 37px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore > ol.tags > li.tag > div.info > div.thumb {
	top: -1px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore ol.tags > li.tag.tag-type-domain > div.info {
	font-weight: bold;
	padding: 5px 0 0.5em;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore ol.tags > li.tag.tag-type-domain > div.info > div.abbreviation {
	background-color: hsl(210,9%,89%);
	padding: 3px 0 1px;
	position: absolute;
	right: 0;
	top: 5px;
	width: 108px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore ol.tags > li.tag.tag-type-domain > div.info > div.abbreviation > span {
	outline-style: none;
	padding: 0 1em;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore ol.tags > li.tag.tag-type-domain > div.info > div.name {
	background-color: hsl(210,9%,89%);
	min-height: 1.2em;
	padding: 2px 0 0 4px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore ol.tags > li.tag.tag-type-domain > ol.tags {
	list-style-type: none;
	padding-left: 20px;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore ol.tags > li.tag.tag-type-domain > ol.tags > li.tag > div.info > div.name {
	font-weight: bold;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document-commonCore ol.tags > li.tag.tag-type-domain > ol.tags > li.tag > div.info > div.thumb > span.sequence {
	display: none;
}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > ul.menu {top: 23px;}

canvas.mathdoxformula.focused {box-shadow:0 0 9px rgba(0,0,0,0.5)}
canvas.formulaeditorpalette {border: hsla(210,0%,50%,0.5); box-shadow: 0 0 9px rgba(0,0,0,0.5)}
img.mathdoxprintformula {display:none}

span.utips-ui-upload-placeholder {
	background: hsl(210,70%,94%) url(../images/ux/uploading.gif) no-repeat left center;
	background-size: 14px auto;
	border: 1px solid hsla(210,33%,38%,0.5);
	display: inline-block;
	font-family: Tahoma,Helvetica,sans-serif;
	font-size: 13px;
	margin: 2px;
	min-height: 19px;
	padding: 0 2px 0 16px;
}
span.utips-ui-upload-placeholder::after {
	content: "…";
}
span.utips-ui-upload-placeholder::before {
	content: "Uploading";
}

.coverBg {
	bottom: 0px;
	display: none;
	left: -1000px;
	position: fixed;
	right: 0px;
	top: -100px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 4;
}
.coverBg.poppedUp {
	display:block;
}
section > .coverBg {
	display:block;
	z-index:3;
	background-color: rgba(128, 128, 128, 0.1);
}
div.darkCoverBg {
	background-color: rgba(128, 128, 128, 0.7);
	bottom: 0;
	display: block;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 4;
}
div.reset-new-password-container {
	height: 250px;
	margin: 5em auto;
	position: relative;
	width: 410px;
}
div.reset-new-password-container > div.pane > h2 > span.icon::before {content: url(../images/ux/settings.png);}
div.reset-new-password-container > div.pane > h2 > span.close {display: inline;}
div.user-notification-container {
	bottom: 5em;
	left: 10%;
	position: absolute;
	right: 10%;
	top: 5em;
}
div.user-notification-container > div.pane > h2 > span.icon::before {content: url(../images/ux/settings.png);}
div.user-notification-container > div.pane > h2 > span.close {display: inline;}
div.user-notification-container > div.pane > div.contents {left: 0; right: 0;}
div.user-notification-container > div.pane > div.contents > div.button-container {text-align: center;}
div.user-notification-container > div.pane > div.contents > div.button-container > button {margin-right: 1em;}
div.user-notification-container > div.pane > div.contents > div.notification-message {
	cursor: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-webkit-user-select: text;
	user-select: text;
	white-space: pre-line;
}
ul.menu {
	display:none;
	position:absolute;
	z-index:5;
	top:29px; left:10px;
	background-color:#eee;
	border:1px solid #aaa;
	list-style:none outside none;
	margin:0;
	padding:0;
	text-align:left;
	-webkit-box-shadow:0 3px 13px rgba(0, 0, 0, 0.2);
	border-radius:4px 7px 7px 7px;
	box-shadow:0 3px 13px rgba(0, 0, 0, 0.2);
}
.assessmentEditor > .pane ul.menu {left: 9px; top: 36px;}
.tagEditorSection ul.menu {top:21px}
ul.menu.poppedUp, div.poppedUp + ul.menu {display:block}
ul.menu li {
	padding:1px 7px;
	text-shadow:0 1px #fff;
}
ul.menu li:hover {
	background-color:hsl(210,11%,74%);
}
ul.menu li.disabled:hover, ul.menu li.separator:hover {
	background-color:transparent;
}
ul.menu li.default {list-style:disc inside none}
ul.menu li.disabled {
	color:#bbb;
	text-shadow:none;
}
ul.menu li.separator {
	color:#ccc;
	border-top:1px solid #ccc;
	font-style:italic;
	text-shadow:none;
}
ul.menu li.separator:first-child {
	border-top:none;
}
ul.menu li.separator.blank {
	margin:3px 0;
	padding:0;
}
ul.menu li:last-child {padding-bottom:7px}

body > div.logout-cover {
	background-color: black;
	bottom: 0;
	left: 0;
	opacity: 0.2;
	position: absolute;
	right: 0;
	top: 0;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 4;
}
body > div.logout-message {
	font-size: 13px;
	padding: 15px;
	position: absolute;
	right: 2%;
	text-align: right;
	top: 5px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 5;
}

body > div.help-cover {
	background-color: black;
	bottom: 0;
	left: 0;
	opacity: 0.2;
	position: absolute;
	right: 0;
	top: 0;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 4;
}
body > form.help {
	background-color: white;
	border: 2px solid hsl(210,36%,67%);
	border-radius: 12px;
	-webkit-box-shadow: 0 2px 13px hsla(210,100%,25%,0.13);
	box-shadow: 0 2px 13px hsla(210,100%,25%,0.13);
	font-size: 0.9em;
	padding: 0.5em;
	position: absolute;
	right: 2%;
	top: 48px;
	width: 400px;
	z-index: 5;
}
body > form.help > div.buttons-container {text-align: right;}
body > form.help > div.buttons-container > button {margin-left: 1em;}
body > form.help > div.controls-container {
	display: table;
	margin: 1em 0;
	width: 100%;
}
body > form.help > div.controls-container > div.controls-group {display: table-row;}
body > form.help > div.controls-container > div.controls-group > * {
	display: table-cell;
	padding: 0 2px;
}
body > form.help > div.controls-container > div.controls-group > div > input {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0;
	padding-bottom: 0;
	width: 100%;
}
body > form.help > div.controls-container > div.controls-group > div > div.error {
	color: #b00;
	visibility: hidden;
}
body > form.help > div.controls-container > div.controls-group.controls-error-state > div > div.error {visibility: visible;}
body > form.help > div.controls-container > div.controls-group > label {
	padding-right: 0.5em;
	text-align: right;
}
body > form.help > textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 8em;
	max-width: 100%;
	width: 100%;
}

/* Fix highlight styles in styled select options (needed for Firefox) */
select:focus > option:checked * {
	background-color: inherit !important;
	color: inherit !important;
}

#datetimepicker_div {z-index:4}
.utipsui-fontsizechooser-popupbox {z-index:4}

.utipsui-colorChooser {z-index: 4;}
.utipsui-colorChooser table {border: 1px solid #000; border-collapse: collapse;}
.utipsui-colorChooser table td {cursor: pointer; height: 15px; width: 15px;}

div.utipsui-fontsizechooser-popupbox { background: #fff; border: 1px solid #000; position: absolute; left: 0px; top: 0px; padding: 0px; }
div.utipsui-fontsizechooser-popupbox .utipsui-fontsizechooser-popupbox-item { display: block; padding: 3px; }
div.utipsui-fontsizechooser-popupbox .utipsui-fontsizechooser-popupbox-item.ui-state-hover { background: hsl(210,11%,74%) }

div#utipsui-error-ticker {
	background: #ffbaba url(../images/ux/error-icon.png) no-repeat 10px center;
	border: 1px solid;
	border-radius: 6px;
	color: #d8000c;
	display: block;
	font-weight: bold;
	left: 20px;
	opacity: 1;
	padding: 15px 10px 15px 50px;
	position: absolute;
	top: 10px;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	transition: opacity 2s ease;
	z-index: 99;
}
div#utipsui-error-ticker.hidden {opacity:0}
div#utipsui-error-ticker > button {margin-left:1em}
div#utipsui-error-blocking {
	background-color: rgba(128, 128, 128, 0.7);
	bottom: 0px;
	display: block;
	left: -1000px;
	opacity: 1;
	position: fixed;
	right: 0px;
	top: -100px;
	-webkit-transition: opacity 2s ease;
	-moz-transition: opacity 2s ease;
	transition: opacity 2s ease;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	z-index: 98;
}
div#utipsui-error-blocking.hidden {opacity:0}
}
@media print {
body {margin:0;font-family:Tahoma,Helvetica}
header {display:none}
nav {display: none;}
.print-preview-warnings-bar {display: none;}
.actionBar, .filters, .resultsNav, .savePrep, .searchItemBank {display: none;}
#createAccount, #forgot-password, #user-import, #intro, #datetimepicker_div, .ui-widget, .hidden {display: none;}
div.drawer {display: none;}
div.pane {display: none;}
div.pane-printing {display: block;}
div.pane > div.tabs {display: none}
div.pane > div.tabContents > div {display: none}
div.pane > div.tabContents > div.tab-printing {display: block;}
div.pane > h2 {display: none;}
div.pane-print-title > h2 {display: block; font-size: 15pt; font-weight: bold;}
div.tab-items > div.advancedSearch {display: none;}
div.tab-items > div.rte {display: none;}
div.tab-items > div.test-items-view {display: none;}
table.result {display: block; width: 100%;}
table.result > thead {display: none;}
table.result > tbody {display: block;}
table.result > tbody > tr.response {
	display: block;
	padding-bottom: 1em;
	page-break-after: auto;
	page-break-before: avoid;
	page-break-inside: avoid;
}
table.result > tbody > tr.response > td {display: block;}
table.result > tbody > tr.response > td > div.response-container {margin-left: 1.8em;}
table.result > tbody > tr.response > td > div.response-container > div.rubric-instructions {display: none;}
table.result > tbody > tr.response > td > div.response-container > table.rubric {display: none;}
table.result > tbody > tr.response.essay > td > div.response-container > div.essay {
	margin-left: 1em;
	text-align: justify;
	text-decoration: underline;
}
table.result > tbody > tr.response.essay > td > div.response-container > div.essay.blank {font-style: italic; text-decoration: none;}
table.result > tbody > tr.response.match > td > div.response-container > div.matches {
	border-spacing: 0 10px;
	display: table;
	margin-left: 14px;
}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match {display: table-row;}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div {
	display: table-cell;
	padding: 4px 6px;
	text-align: left;
	vertical-align: top;
}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div.answer {display: none;}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div.match-spacer::before {content: '━━';}
table.result > tbody > tr.response.match > td > div.response-container > div.matches > div.match > div > div.name.blank {font-style: italic;}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options {
	display: table;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option {
	display: table-row;
	list-style: none;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option > div {display: table-cell;}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option > div.letter {
	text-align: right;
	width: 34px;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option > div.letter > span.label {
	padding: 2px 4px;
}
table.result > tbody > tr.response.multiple-choice > td > div.response-container > ol.options > li.option.selected > div.letter > span.label {
	border: 1px solid #000;
	border-radius: 100%;
	padding: 0 2px;
}
table.result > tbody > tr.response.short-answer > td > div.response-container > div.response {
	margin-left: 1em;
	text-align: justify;
	text-decoration: underline;
}
table.result > tbody > tr.response.short-answer > td > div.response-container > div.response.blank {font-style: italic; text-decoration: none;}
table.result > tbody > tr.result-item {
	display: block;
	padding-bottom: 1em;
	page-break-after: avoid;
	page-break-before: auto;
	page-break-inside: avoid;
}
table.result > tbody > tr.result-item > td.possible {display: none;}
table.result > tbody > tr.result-item > td.question {display: block; position: relative;}
table.result > tbody > tr.result-item > td.question > div.item {display: block; padding-left: 1.8em;}
table.result > tbody > tr.result-item > td.question > div.item img {max-width: 100%;}
table.result > tbody > tr.result-item > td.question > div.number {display: inline-block; position: absolute; text-align: right; width: 1.6em;}
table.result > tbody > tr.result-item > td.question > div.number > span::after {content: '. ';}
table.result > tbody > tr.result-item > td.question > div.number > span.toggle {display: none;}
table.result > tbody > tr.result-item > td.response {display: none;}
table.result > tbody > tr.result-item > td.score {display: none;}
table.results {width: 100%;}
table.results > thead > tr > th {text-align: left;}
table.results > thead > tr > th.unscored {display: none;}
table.results > tbody > tr > td {padding-top: 0.3em;}
table.results > tbody > tr > td.completed div.unfinished {font-style: italic;}
table.results > tbody > tr > td.unscored {display: none;}
table.results > tbody > tr.group > td {border-bottom: 2px solid black; font-weight: bold;}
ol.options li .letter {display: none;}
ol.options li {list-style:lower-alpha outside none}
.alignment.personal {display: none;}
.itemBankEditor > div > .contents {column-count: 2;}
.itemBankEditor ol.test-items-list {list-style: none outside none;}
.itemBankEditor ol.test-items-list > li {page-break-inside: avoid;}
.itemBankEditor ol.test-items-list > li > .number {display: none;}
.stem img {max-width: 100%; vertical-align: top;}
ol.options {
	list-style: none outside none;
	margin: 0 13px 0 -66px;
	padding: 0;
}
ol.options li {
	display:table-row;
}
ol.takeTestItems li:last-child div.content, ol.test-items-list li:last-child div.content {padding-bottom:200px}
ol.options > li.option > div.letter {
	border-radius:3px / 7px;
	border:1px solid transparent;
	display:table-cell;
	padding:0 3px 0 5px;
	text-align:right;
	vertical-align:baseline;
	font-size:90%;
	color:#555;
	position:relative;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	vertical-align: top;
	white-space: nowrap;
	width: 77px;
}
ol.options > li.option > div.letter > div {
	display: inline-block;
	height: 13px;
	opacity: 0;
	position: relative;
	top: 2px;
}
ol.options > li.option > div.letter > div.correct {
	font-size: 18px;
	height: 16px;
	line-height: 16px;
	margin-right: 5px;
}
ol.options > li.option.editable > div.letter > div.correct {cursor: pointer;}
ol.options > li.option.editable:hover > div.letter {background-color: hsla(210,100%,49%,0.1);}
ol.options > li.option.editable:hover > div.letter > div {opacity: 0.5;}
ol.options > li.option.editable:hover > div.letter > div.correct {opacity: 0.3;}
ol.options > li.option.editable > div.letter > div.correct:hover {opacity: 0.5;}
ol.options > li.option.is-correct > div.letter > div.correct {opacity: 1 !important;}
ol.options > li.option > div.letter > span {
	/* Offset the 1px border */
	position: relative;
	top: -1px;
}
ol.options li .option {
	display:table-cell;
	min-width:100px;
	min-height:16px;
	font-size:medium;
}
div.about {display: block; margin: 1em 0 2em  0; width: 100%;}
div.problem {display: none;}
section.standardsDocumentEditorSection > div.pane {display: block;}
div.pane > div.tabContents > div.standards.visible {display: block;}
div.pane > div.tabContents > div.standards.visible > * {display: none;}
div.pane > div.tabContents > div.standards.visible > div.standards-document {display: block;}
div.pane > div.tabContents > div.standards.visible > div.standards-document div.about {display: none;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document ol.tags {list-style-type: none;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document div.thumb {display: inline-block; padding-right: 5px;}
section.standardsDocumentEditorSection > div.pane > div.tabContents > div.standards > div.standards-document div.name {display: inline;}
}

/* all media types */
div.print-content h1 {
	border-bottom: 3pt solid black;
	font-size: 18pt;
	font-weight: bold;
	margin: 0 0 1cm 0;
}
div.print-content h2 {
	font-size: 14pt;
	font-weight: bold;
	margin: 0 0 5mm 0;
}
div.print-content img {max-width: 100%;}
div.print-content > div.instructions {
	border: 2pt solid black;
	box-sizing: border-box;
	font-family: Palatino, "Palatino Linotype";
	font-size: 12pt;
	margin: 0 0 1cm 0;
	padding: 5mm;
	page-break-inside: avoid;
	width: 100%;
}
div.print-content > div.instructions > h2 {text-align: center;}
div.print-content > div.instructions > p {white-space: pre-line;}
div.print-content > div.items {
	font-family: Palatino, "Palatino Linotype";
	font-size: 12pt;
}
div.print-content > div.items > div.narrative {
	margin: 0 0 1em 12mm;
	page-break-after: avoid;
	page-break-inside: avoid;
}
div.print-content > div.items > table {
	border: none;
	margin-bottom: 1em;
	page-break-inside: avoid;
	table-layout: fixed;
	width: 100%;
}
div.print-content > div.items > table.item-group > tbody > tr.answer-matching > td > table {border: none;}
div.print-content > div.items > table.item-group > tbody > tr.answer-matching > td > table > tbody > tr > td {vertical-align: top;}
div.print-content > div.items > table.item-group > tbody > tr.answer-matching > td > table > tbody > tr > td.match-left {padding: 3mm 1in 3mm 5mm;}
div.print-content > div.items > table.item-group > tbody > tr.answer-matching > td > table > tbody > tr > td.match-right {padding: 3mm 5mm 3mm 1in;}
div.print-content > div.items > table.item-group > tbody > tr.answer-multiple-choice > td > table {border: none;}
div.print-content > div.items > table.item-group > tbody > tr.answer-multiple-choice > td > table > tbody > tr > td {vertical-align: top;}
div.print-content > div.items > table.item-group > tbody > tr.answer-multiple-choice > td > table > tbody > tr > td.content {padding-top: 2pt;}
div.print-content > div.items > table.item-group > tbody > tr.answer-multiple-choice > td > table > tbody > tr > td.letter {
	/* The letter will fit up to Z */
	padding-right: 2mm;
	text-align: right;
	vertical-align: top;
	width: 24pt;
}
div.print-content > div.items > table.item-group > tbody > tr.answer-multiple-choice > td > table > tbody > tr > td.letter > span {
	background: white;
	color: black;
	border: 1pt solid black;
	border-radius: 6pt;
	display: inline-block;
	font-family: Helvetica,sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	text-align: center;
	text-transform: uppercase;
	width: 12pt;
}
div.print-content > div.items > table.item-group > tbody > tr.answer-multiple-choice-multiple-selection > td > table > tbody > tr > td.letter > span {border-radius: 0;}
div.print-content > div.items > table.item-group > tbody > tr.answer-written > td.entry {padding-right: 24pt;}
div.print-content > div.items > table.item-group > tbody > tr.answer-written > td.entry div.response-box {
	border: 1pt solid black;
	margin-top: 7pt;
	padding: 4mm 2mm 2mm 2mm;
	position: relative;
}
div.print-content > div.items > table.item-group > tbody > tr.answer-written > td.entry div.response-box-title {
	background: white;
	border: 1pt solid black;
	font-family: Helvetica,sans-serif;
	font-size: 10pt;
	left: 7pt;
	position: absolute;
	top: -7pt;
	padding: 2pt;
	text-transform: uppercase;
}
div.print-content > div.items > table.item-group > tbody > tr.answer-written > td.entry div.response-line {
	border-bottom: 1pt solid black;
	height: 8.7mm;
}
div.print-content.line-rule-medium > div.items > table.item-group > tbody > tr.answer-written > td.entry div.response-line {height: 7.1mm;}
div.print-content.line-rule-narrow > div.items > table.item-group > tbody > tr.answer-written > td.entry div.response-line {height: 6.35mm;}
div.print-content > div.items > table.item-group > tbody > tr.item > td.content {
	padding-top: 5pt;
	vertical-align: top;
}
div.print-content > div.items > table.item-group > tbody > tr.item > td.number {
	padding-right: 2mm;
	text-align: right;
	vertical-align: top;
	width: 24pt;
}
div.print-content > div.items > table.item-group > tbody > tr.item > td.number > svg {
	/* The number will fit up to 999 */
	height: 24pt;
	width: 24pt;
}
div.print-content > div.items > table.item-group > tbody > tr.item > td.number > svg circle {
	fill: black;
}
div.print-content > div.items > table.item-group > tbody > tr.item > td.number > svg text {
	fill: white;
	font-family: Helvetica,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	line-height: 24pt;
}