/* General HTML element style */
* {
	margin: 0px;
	padding: 0px;
}

html {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
	-webkit-box-sizing: inherit;
}

body, textarea:not([disabled]), input[type="text"]:not([disabled]), input[type="password"]:not([disabled]), select:not([disabled]) {
	font-family: helvetica, arial, sans-serif;
	background-color: #FCFCFC;
}
body {
	font-size: 13px;
	color: #000000;
	height: 100%;
}
body.gecko {
	line-height: 1.1;
}
body.printOverride {
	background: none;
}
input[type="checkbox"], input[type="radio"] {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	position: relative;
	top: -1px;	*overflow: hidden;
}

.sup {
	vertical-align: super !important;
	font-size: smaller !important;
}

.sub {
	vertical-align: sub !important;
	font-size: smaller !important;
}

img.wrapLeft {
	float: left;
	margin: 0px 10px 1px 0px;
}
img.wrapRight {
	float: right;
	margin: 0px 0px 1px 10px;
}

a {
	color: #000099;
	text-decoration: none;
}
a:hover {
	color: #0000FF;
	text-decoration: underline;
}
a img {
	border: none;
}
ul, ol {
	padding-left: 15px;
}
textarea {
	padding: 2px;
	font-size: inherit;
	border: 1px solid #777;
}
.mirrorText {
	position: absolute;
	top:-999px;
	left: 0px;
	right:auto;
	bottom:auto;
	border: 0;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	word-wrap: break-word;
	height: 0 !important;
	min-height: 0 !important;
	padding: 0px !important;
	overflow: hidden;
}
input[type="text"], input[type="password"], select {
	padding: 2px;
	font-size: inherit;
	border: 1px solid #777;
}
select {
	padding: 1px;
}
.gecko select:not([multiple]) {
	height: 1.55em;
}
.gecko option {
	padding: 0px 5px;
}
input[type="submit"], input[type="button"], button, input[type="file"], a.button {
	display: inline-block;
	position: relative;
	padding: 0px 3px;
	font: bold 13px Helvetica, Arial, sans-serif;
	background: #FCFCFC url(../img/buttonBackground.gif) repeat-x left top;
	color: #333366;
	border: 1px #46617B solid;
	cursor: pointer;
	text-decoration: none;
}
input[type="submit"][disabled], input[type="button"][disabled], button[disabled], input[type="file"][disabled], a.button[disabled] {
	color: #999999;
	cursor: auto;
}
input[type="submit"][selected="selected"], input[type="button"][selected="selected"], button[selected="selected"], input[type="file"][selected="selected"], a.button[selected="selected"] {
	background: #5A5ADF;
	color: #FCFCFC;
}
input[type="submit"]:hover, input[type="button"]:hover, button:hover, input[type="file"]:hover, a.button:hover {
	background: #F0F09A;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7E1), to(#EEECA9));
}
input[type="submit"][disabled]:hover, input[type="button"][disabled]:hover, button[disabled]:hover, input[type="file"][disabled]:hover, a.button[disabled]:hover {
	background: #FCFCFC url(../img/buttonBackground.gif) repeat-x left top;
}
select[multiple="multiple"] {
	min-width: 120px;
}
button select {
	margin: -2px 0px;
	z-index: 50;
}
button.saveFlash {
	background: #F0CC9A;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7E1), to(#EECCA9));
}
button.saveFlash:hover {
	background: #F0F09A;
	background: -webkit-gradient(linear, left top, left bottom, from(#F7F7E1), to(#EEECA9));
}
label {
	/*padding-right: 8px;*/
}
h1 {
	font-size: 15px;
	margin: 2px 0px;
}
h2 {
	font-size: 14px;
	margin: 2px 0px;
}
h3 {
	text-align: center;
	font-size: 24px;
	margin: 5px;
	color: #CC0000;
}
th, .divColumnHeader {
	padding: 2px;
	vertical-align: bottom;
}
table, .divTable {
	border-collapse: collapse;
	border-spacing: 0px;
}
table td, .divColumn {
	padding: 0px 3px;
}
.editTable td, .duoTable td, .divColumn {
	white-space: nowrap;
}
thead tr:first-child td, thead tr:first-child th, .divColumnHeader {
	border-bottom: 1px solid #555555;
}
tfoot tr:first-child td {
	border-top: 1px solid #555555;
}
.scrollDiv {
	display: inline-block;
	position: relative;
	width: 100%;
	overflow-y: auto;
}

.duoTable td, .duoTable th {
	text-align: right;
	vertical-align: initial;
}
.duoTable td:nth-child(2n), .duoTable td[colspan="2"] {
	text-align: left;
}
.duoTable select {
	min-width: 60px;
}
.duoTable textarea, .contentBlock textarea {
	width: 100%;
}

button.tall {
	width: 16px;
	min-height: 40px;
	max-height: 100px;
	height: 100%;
}
.inlineEx {
	vertical-align: text-bottom;
}

.selectionList {
	position: relative;
	padding: 0px;
	list-style-type: none;
	display: table-cell;
	text-align: center;
	width: 300px;
	cursor: default;
}
[component="itemList"] li.started {
	background-color: #FFFFAA;
}
[component="itemList"] li.completed {
	background-color: #AAFFAA;
}
[component="itemList"] li.spoiled {
	background-color: #FFAAAA;
}
[component="itemList"] li.selected {
	background-color: #AAAAFF;
}

fieldset {
	padding: 2px;
}
fieldset legend {
	margin: 0px 10px;
	font-weight: bold;
}

.divTable {
	display: table;
}
.divRow {
	display: table-row;
}
.divColumn, .divColumnHeader {
	display: table-cell;
}
th, .divColumnHeader {
	font-weight: bold;
	text-align: center;
}
.divRow img {
	max-height: 14px;
}
.scrollDiv img {
	max-height: 13px;
}

.good, .filterHighlight {
	background: #CCFFCC;
}
.bad {
	background: #FFCCCC;
}
img.middle {
	vertical-align: middle;
}
.template {
	display: none !important;
}
div.leftAlign, img.leftAlign {
	float: left;
}
div.rightAlign, img.rightAlign {
	float: right;
}
td.leftAlign, span.leftAlign, th.leftAlign {
	text-align: left;
}
td.rightAlign, span.rightAlign, th.rightAlign {
	text-align: right;
}
td.topAlign {
	vertical-align: top;
}
.rightAlignContents {
	text-align: right;
}
.centerAlign {
	text-align: center;
}
.rangeLabel {
	display: inline-block;
	width: 80px;
	padding: 0px 4px;
	vertical-align: super;
}
.clearer {
	position: relative;
	clear: both;
	width: 100%;
	height: 0px;
	visibility: hidden;
	overflow: hidden;
}
.ie9 .clearer {
	width: auto;
}
.inline {
	display: inline;
}

.hidden, .hideGroup {
	display: none !important;
}
.invisible {
	visibility: hidden;
}
.bold {
	font-weight: bold;
}
.strikethrough {
	text-decoration: line-through;
}

.gecko button::-moz-focus-inner, .gecko input::-moz-focus-inner, .gecko select::-moz-focus-inner {
	padding: 0 !important;
	border: 0 none !important;
}

/* Content Layout */
#header {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 63px;
	z-index: 100;
	padding: 0px 0px 3px 0px;
	background: #ACC5DE url(../img/headerBorder.jpg) repeat-x;
	border-bottom: 1px solid #FCFCFC;
}
#logo {
	position: relative;
	top: 9px;
	left: 1px;
	height: 14px;
}
#logo img {
	height: 27px;
}
.leftColumn {
	width: 147px;
}
#welcome {
	position: relative;
	left: 160px;
}
#info {
	position: relative;
}
#date {
	position: relative;
	top: 10px;
	left: 1px;
	font-size: 12px;
}
#breadcrumb {
	display: inline-block;
	position: relative;
	left: 160px;
	bottom: 9px;
	margin-left: -6px;
	background-color: #EEEEEE;
	padding: 0px 6px;
	border: 1px solid #999999;
	border-radius: 3px;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -1px;
}
#breadcrumb a {
	color: #000099;
}
#breadcrumb a:hover {
	text-decoration: none;
}

#left {
	position: fixed;
	height: calc(100vh - 63px);
	top: 63px;
	background: #FCFCFC url(../img/background.jpg) repeat-y left top;
	z-index: 100;
}
#menuContainer {
	padding: 10px 0px 60px 0px;
	height: calc(100vh - 128px);
	overflow: hidden;
}
#menu {
	height: 100%;
	overflow-y: scroll;
	scrollbar-width: none;
	text-align: center;
	font-size: 11px;
}
#menu::-webkit-scrollbar {
	height: 0px;
	width: 0px;
}
#right {
	margin-top: 63px;
	margin-left: 147px;
	padding: 5px 0px 0px 25px;
	font-size: 14px;
}
#main {
	margin-top: 10px;
	margin-bottom: 40px;
}
#right.printOverride {
	margin: 0px;
}

#userControl {
	padding: 5px;
	background: #ACC5DE;
	border-bottom: 1px solid #FCFCFC;
}
#userControlBox {
	padding: 5px;
	background: #FCFCFC;
	border: 1px solid #666666;
	text-align: center;
}
#account {
	padding-left: 15px;
}
a.current {
	color: #009900;
}
a.current:hover {
	color: #00CC00;
	text-decoration: underline;
}

#save {
	text-align: center;
}
#saveButton {
	width: 80px;
	margin-top: 10px;
}

#menu .header {
	padding-top: 10px;
	font-weight: bold;
}
#menu .header a:hover {
	font-weight: bold;
	text-decoration: none;
}
#menu .links {
	padding-bottom: 5px;
}
#menu .links a:hover {
	text-decoration: none;
}
#menu a {
	display: block;
}

#simpleInstructorMenu, #simplePmMenu {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 20px;
}
#simpleInstructorMenu li, #simplePmMenu li {
	padding: 0px 5px;
	display: inline-block;
	min-width: 80px;
	border: 1px solid black;
	text-align: center;
	margin-left: -5px;
}
#simpleInstructorMenu li.selected, #simplePmMenu li.selected {
	font-weight: bold;
}
#simpleInstructorMenu li:first-child, #simplePmMenu li:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#simpleInstructorMenu li:last-child, #simplePmMenu li:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

#simpleSessionList, #simpleItineraryList {
	margin-bottom: 20px;
}
#simpleSessionList td, #simpleItineraryList td {
	min-width: 120px;
	padding-right: 20px;
}
#simpleSessionList td:last-child, #simpleItineraryList td:last-child {
	padding-right: 0px;
	text-align: center;
}
#simpleItineraryList td.guideLink {
	padding-right: 3px;
	text-align: center;
}

#simpleSessionEditTable td {
	padding: 5px 10px 5px 0px;
}
.courseKeyWarning {
	font-weight: bold;
	color: #CC0000;
}

#simpleItineraryChoice td {
	padding: 2px 8px 2px 0px;
}
#simpleItineraryChoice td button {
	width: 100%;
}

#simpleActivityListHeader {
	float: left;
	margin: 0px 100px 0px 0px;
}
#previewItineraryForm, #deleteItineraryForm {
	display: inline-block;
	margin-right: 100px;
}
#simpleActivityList .sortable {
	margin: 5px;
}
#simpleActivityListView [component="simpleActivityOptions"], #simpleActivityList [component="simpleActivityOptions"] {
	border: 1px solid black;
}
#simpleActivityListView [component="activityName"], #simpleActivityList [component="activityName"] {
	min-width: 140px;
	padding: 5px;
	text-align: center;
}
#simpleActivityListView div, #simpleActivityList td {
	padding: 5px;
}
#simpleActivityListView .simpleActivityDates span {
	display: inline-block;
	width: 240px;
}
#simpleActivityListView .simpleActivityOptions {
	text-align: center;
}
#simpleActivityListView .simpleActivityOptions span {
	display: inline-block;
	width: 140px;
}
#simpleSubActivityList [component="activityName"] {
	min-width: 200px;
}
#simpleActivityList [component="simpleActivityOptions"] span[component="activityVisible"] {
	width: 200px;
}
#simpleActivityList td[component="activityVisible"] {
	text-align: center;
}
#simpleActivityList [component="simpleActivityOptions"] table {
	width: 100%;
}
#simpleActivityList [component="simpleActivityOptions"] table tr {
	border-top: none;
}

table.simpleActivityDates {
	width: 100%;
}

#simpleActivityChange {
	display: inline-block;
	margin-bottom: 20px;
}
#simpleActivityChange button {
	width: 30px;
}
#simpleActivityDetails h1 {
	margin-top: 15px;
}
#simpleActivityDetails table {
	border-top: 1px solid black;
}
#simpleActivityDetails td {
	padding: 5px 20px 0px 0px;
	text-align: center;
}
#activityPreviewItineraryForm {
	display: inline-block;
	margin-left: 70px;
}
#activitiesForm, #simpleActivityListView {
	margin-top: 10px;
}

#pmSessionDates {
	margin-left: 16px;
}
#pmSessionDates span {
	padding-right: 20px;
}
#pmGuideLink {
	margin-top: 8px;
	margin-left: 16px;
}

#exportTaskList {
	display: table;
}
#exportTaskList form.row {
	display: table-row;
}
#exportTaskList span.hideTextOverflow {
	max-width: 300px;
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap;
}
#exportTaskList span.cell {
	padding-right: 8px;
	padding-bottom: 2px;
	display: table-cell;
}

#taskControls {
	font-size: 13px;
}
#menu #taskControls .header {
	padding: 0px;
}
#taskControls {
	position: relative;
}
#taskControls [component="clock"] {
	margin: 5px 5px 0px 5px;
	min-height: 12px;
	background: #FCFCFC;
	border: 1px solid #666666;
	text-align: center;
}
#taskControls [component="clockToggle"] {
	font-size: 12px;
	text-align: left;
}
#taskControls [component="clockNumbers"] {
	padding: 3px 0px;
}
#taskControls [component="clockNumbers"] [component="chronometer"] {
	display: table;
	width: 135px;
}
#taskControls [component="clock"] [component="timer"] .header {
	font-size: 90%;
}
#taskControls [component="clock"] [component="closeTimer"] {
	font-size: 140%;
	padding-top: 3px;
}
#taskControls [component="clockToggle"] img {
	margin: 0px 0px -1px 1px;
}
#taskControls .clockTotal, #taskControls .clockCurrent {
	display: table-cell;
}
#taskControls [component="totalTimeLimit"], #taskControls [component="currentTimeLimit"] {
	border-top: 1px #46617B solid;
}
#taskControls .controlsTop {
	margin-top: 5px;
}
#taskControls .controlsMain {
	display: table-row;
}
#taskControls .controlsLeft {
	display: table-cell;
}
#taskControls .controlsRight {
	display: table-cell;
}
#taskControls .controlsLeft, #taskControls .controlsRight {
	width: 16px;
	vertical-align: top;
	padding: 5px 0px;
	height: 100%;
}
#taskControls .controlsLeft.wide, #taskControls .controlsRight.wide {
	width: 37px;
}
#taskControls .controlsLeft.wide button, #taskControls .controlsRight.wide button {
	width: 69px;
	margin: 0px 2px;
}
#taskControls [component="controlsCenter"] {
	position: relative;
	background-color: #FCFCFC;
	max-height: 400px;
	overflow-y: auto;
	width: 111px;
	margin: 0px 2px;
	border: 1px solid #AAAAAA;
}
#taskControls [component="controlsCenter"] [component="currentItem"] {
	height: 50px;
	padding: 10px 0px;
}
#taskControls [component="itemList"] li {
	cursor: pointer;
}
#taskControls [component="itemList"] li:hover {
	background-color: #CCCCCC;
}
#controlsContinue {
	margin-top: 10px;
}

[component="progressButton"], [component="itemContinue"] [component="statusContinue"] {
	clear: both;
	position: relative;
}
[component="statusText"], [component="statusStats"] {
	margin-bottom: 20px;
}
[component="taskStatus"] table td {
	min-width: 4em;
	text-align: right;
}
[component="taskStatus"] table td:first-child {
	text-align: left;
}

#helm {
	margin-bottom: 20px;
}
#supportButtons {
	position: fixed;
	right: 2px;
	top: 10px;
	z-index: 101;
}
#printable button {
	width: 102px;
}
#ajaxTicker, #overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 999;
}
#overlay {
	background: #000000;
}
#ajaxTicker div {
	position: relative;
	top: 74px;
	left: 800px;
	opacity: 1;
	filter: alpha(opacity=100);
}

#UserLoginForm {
	
}
#UserLoginForm label {
	text-transform: uppercase;
	color: #333333;
	letter-spacing: 1px;
}
#UserLoginForm td {
	padding: 3px 0px;
}
#UserLoginForm input[type="text"], #UserLoginForm input[type="password"] {
	width: 240px;
}
#UserLoginFormControls {
	padding-top: 20px;
}
#UserRememberLabel {
	padding-left: 4px;
	vertical-align: top;
	font-size: 11px;
	text-transform: none !important;
	letter-spacing: 0px;
}
#UserRememberLabel input {
	top: -1px;
}

#eula {
	padding: 7px;
	overflow: auto;
	height: 350px;
	width: 640px;
	border-style: solid;
}
#eulaAccept {
	margin-top: 20px;
}

#UserRegisterForm {
	
}
#UserLoginForm td,
#UserRegisterForm td,
#UserAccountForm td {
	padding: 3px 3px 3px 0px;
}
#UserLoginForm input[type="text"], #UserLoginForm input[type="password"],
#UserRegisterForm input[type="text"], #UserRegisterForm input[type="password"],
#UserAccountForm input[type="text"], #UserAccountForm input[type="password"] {
	width: 240px;
}
#UserRegisterFormControls {
	/*padding-top: 20px;*/
}

#MinPasswordLength td {
	padding: 0px;
	font-size: 11px;
}

#UserSiteForm {
	margin-top: 20px;
}

#swTemplate {
	width: 900px;
}

#taskItemHeader {
	margin-top: 10px;
}
#taskGradedItemsSection, #taskDisplayFormatSection, #templateDisplayFormatSection {
	margin-bottom: 4px;
}
#itemDisplayFormat {
	width: 600px;
}
#itemDetails {
	padding-bottom: 10px;
}
#itemInfo {
	padding-top: 10px;
}
#itemVettingCards textarea {
	min-width: 240px;
	min-height: 70px;
}
#itemVettingCards td {
	padding: 0px;
}
.itemVettingCard {
	margin-bottom: 3px;
}
#itemStats .duoTable {
	width: 100%;
}
#itemStats .duoTable td {
	padding: 0px;
}
#itemStats .duoTable td:nth-child(2n) {
	text-align: right;
	width: 25px;
	padding: 0px 10px 0px 5px;
}
#taskUsedIn ul, #itemUsedIn ul {
	padding-left: 20px;
}
#taskUsedIn li span, #itemUsedIn li span {
	margin-left: -5px;
}
.feedbackTable {
	width: 100%;
}
#elementList [component="element"] {
	width: 600px;
}
#elementList, #elementPreview {
	vertical-align: top;
}
#elementList textarea:not([component="saText"]) {
	width: 100%;
}
#elementList [component="foil"] textarea {
	width: 100%;
}
#elementList table {
	width: 100%;
}
#elementList table td {
	padding: 0px;
}
#elementList table.elementHeader td {
	width: 50%;
}
.scoreReductionFactor {
	margin-left: 10px;
}
[component="correctFoils"] {
	padding-left: 5px;
}

#TaskStatusForm fieldset, #statusEdit {
	width: 607px;
}
[component="statusActionList"] {
	margin-top: 10px;
	padding-bottom: 5px;
}
.statusOptions {
	width: 100%;
}
.statusOptions td {
	padding-top: 2px;
}
.taskStatusAction {
	margin-bottom: 5px;
}

#sessionAlertForm fieldset, #instructorAlertForm fieldset {
	width: 800px;
}
[component="alert"] {
	padding: 5px 5px 12px 15px;
	margin-bottom: 10px;
}
.alertTriggers {
	margin-top: 10px;
}
.alertTriggers .id {
	min-width: 40px;
}
.alertTriggers .name, .alertTriggers .email {
	min-width: 180px;
}
.alertTriggers .dismissed {
	min-width: 100px;
}
[sectionLabel="alertTriggers"] h1 {
	display: inline-block;
}

#ActivityPrerequisiteForm fieldset {
	width: 1300px;
}

#taskProgress {
	position: relative;
	font-size: 10px;
	width: 600px;
	text-align: center;
	border: 1px solid #56577A;
}
[component="progressColour"] {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #ACC5DE;
}
[component="progressMessage"] {
	position: relative;
}

.flashSuccess {
	font-size: 12px;
	font-weight: bold;
}
.flashError {
	font-size: 12px;
	color: #CC0000;
	font-weight: bold;
}

#authMessage {
	color: #AA0000;
	margin-top: -16px;
}

#poweredBy {
	background: #FCFCFC url(../img/background.jpg) repeat-y left top;
	position: fixed;
	z-index: 200;
	left: 0px;
	padding-left: 5px;
	bottom: 0px;
	padding-bottom: 5px;
	width: 147px;
	height: 40px;
	text-align: right;
}
#poweredBy.printOverride {
	display: none;
}
#pbTitle {
	font-family: century gothic, cursive, sans-serif;
	color: #303030;
	font-size: 10px;
}
#pbDeckChair {
	font-family: arial black;
	color: #000099;
	font-size: 14px;
	text-align: right;
}

p.error {
	color: #CC0000;
	font-weight: bold;
	font-size: 15px;
	padding: 4px 0px;
}
span.error {
	color: #CC0000;
	font-weight: bold;
}

.formatted, .removeItem, .addItem, .characterButton, button.character, #numpad button, #itemResultOptions button, .numeric {
	font-family: Courier New, monospace !important;
}

.contentBlock {
	display: inline-block;
	vertical-align: top;
	padding: 0px 5px 5px 0px;
}
fieldset.contentBlock {
	padding: 5px;
}
.horizontalList {
	display: inline-block;
	vertical-align: top;
}
.verticalList {
	
}

img[new="SectionToggle"] {
	vertical-align: bottom;
}

.editTable [component="sortDirection"] {
	padding-top: 3px;
}
.smallButton {
	width: 17px;
}
.largeButton {
	width: 34px;
}
.editTable [component="navControls"] {
	margin: auto;
	height: 20px;
	width: 200px;
	line-height: 18px;
	clear: both;
}
.editTable input[type="checkbox"] {
	top: 1px;
}
.editTable td a, .editTable td img {
	vertical-align: middle;
}
.editTable [component="navControls"] .nav {
	float: left;
	text-align: center;
}
.editTable [component="navControls"] .bit {
	width: 20px;
}
.editTable [component="navControls"] .num {
	width: 120px;
}
.editTable [component="navControls"] .num [component="page"] {
	text-align: center;
}
.editTable[readonly="readonly"] tbody td {
	padding: 3px 10px 3px 3px;
}

.sortableContainer {
	display: table;
}
.sortableContainer .sortableSave {
	display: table-cell;
	vertical-align: middle;
}
.sortColumn {
	cursor: pointer;
}

.assignmentTable th:first-child, .assignmentTable td:first-child {
	width: 150px;
}
.assignmentTable th:not(:first-child), .assignmentTable td:not(:first-child) {
	text-align: center;
	width: 80px;
}

.handle {
	cursor: move;
}

#ClientProperties table, #DomainProperties table {
	margin: 5px 0px;
}

[component="tabSelection"] {
	list-style: none;
}
[component="tab"] {
	float: left;
	text-align: center;
	line-height: 18px;
}
[component="tab"] a {
	height: 20px;
	width: 80px;
	display: block;
	text-decoration: none;
}
[component="tab"] a.active {
	background-color: #DDDDDD;
}
[component="tabData"] {
	clear: both;
}
[component="windowTabs"] [component="tabSelection"] {
}
[component="windowTabs"] [component="tab"] {
}
[component="windowTabs"] [component="tabData"] {
}
.selectWindow select {
	width: 100%;
}
.selectWindow {
	border: 1px solid #777;
	background-color: #FCFCFC;
}
.selectWindow [component="windowTabs"] {
	padding: 2px;
}
.selectWindow [component="tabData"] {
	min-width: 200px;
}
.selectWindow [component="tabData"] .filterLabel {
	padding: 1px 0px;
}
.selectWindow [component="tabData"] .nav {
	float: left;
	text-align: center;
}
.selectWindow [component="tabData"] .bit {
	width: 10%;
}
.selectWindow [component="tabData"] .num {
	width: 60%;
}
.selectWindow [component="tabData"] .num [component="page"] {
	text-align: center;
	padding: 0px 2px;
}
.selectWindow [component="tabData"] [component="navControls"] {
	height: 20px;
	line-height: 18px;
}
.selectWindow .selectControls {
	clear: both;
	padding: 2px;
}

#selectWindow {
	display: none;
}

.tagList {
	list-style: none;
	padding: 0px 15px;
}
.tagList li {
	vertical-align: text-top;
	counter-increment: taglist;
	line-height: 18px;
	height: 20px;
}
.tagList li::before {
	content: counter(taglist)".";
	vertical-align: text-top;
}
.tagList li input {
	padding: 0px 2px 1px 2px;
}
.tagList li span {
	vertical-align: text-top;
}
.tagList li button {
	vertical-align: text-top;
}

[new="Draggable"], [new="FileUploader Draggable"] {
	cursor: move;
}
[new="FileUploader Draggable"] {
	z-index: 201;
}
[new="KeyBinder"] {
	min-width: 60px;
}
[new="AutoGrow"] {
	resize: horizontal;
}
[component="swapContainer"] {
	display: table;
}
[component="swapContainer"] .swapColumn {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 150px;
}
[component="swapContainer"] .columnSwap {
	width: 150px;
}
[component="swapContainer"] .columnSwapWide {
	width: 450px;
}
[component="swapContainer"] .swapColumn select {
	resize: both;
}
[component="swapContainer"] .swapFloater {
	position: absolute;
	top: 100px;
	left: 50%;
}
[component="swapContainer"] .swapFloater #columnSortForm {
	position: relative;
	left: -50%;
}

#welcomeMessage, #sessionSummary, .studentAlert {
	margin-bottom: 20px;
	width: 800px;
}
#studentGrades {
	display: inline-block;
	text-align: center;
	margin-bottom: 20px;
}
#studentGradeOverall, #studentGradeToDate {
	display: inline-block;
	padding: 0px 10px;
}
#studentGrades .title {
	font-size: 16px;
}
#studentGrades .grade {
	font-size: 24px;
}

#assignmentForm div {
	padding: 5px 0px;
}
.assignmentList {
	
}
.assignmentList .divRow {
	border-bottom: 1px solid #DDDDDD;
}
.assignmentList .divRow.emptyRow {
	height: 10px;
	border-bottom: none;
}
.assignmentList .divColumnHeader {
	padding-left: 3px;
	padding-right: 3px;
}
.assignmentList .scrollDiv {
	max-height: 80px;
	border: 1px solid #000000;
	margin: 0px -1px;
}
.assignmentList .scrollDiv .divRow {
	height: 16px;
}
.assignmentList a.button {
	width: 80px;
}
.activityList .notVisible {
	font-style: italic;
}
.activityList td, .assignmentList .divColumn {
	text-align: center;
}
.activityList .assignmentType, .assignmentList .assignmentType {
	width: 100px;
}
.activityList .assignmentAssignment, .assignmentList .assignmentAssignment, [component="itineraryHeader"] {
	width: 300px;
	max-width: 300px;
	height: 21px;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.activityList .assignmentOpen, .activityList .assignmentClose, .assignmentList .assignmentOpen, .assignmentList .assignmentClose {
	width: 150px;
}
.assignmentList .assignmentFunction {
	width: 90px;
}
.activityList .assignmentValue, .assignmentList .assignmentValue, .assignmentList .assignmentRuns {
	width: 75px;
}
.assignmentList .assignmentScore, .assignmentList .assignmentGrade, .assignmentList .assignmentClassGrade {
	width: 75px;
}
.assignmentList .assignmentScroll {
	width: 20px;
}

[component="itineraryHeader"] {
	position: relative;
}
[component="itineraryProgress"] {
	position: absolute;
	top: 18px;
	left: 0px;
	height: 3px;
	min-width: 5%
}
[component="itineraryTitle"] {
	position: relative;
}
[component="itineraryProgress"].itemCorrect {
	background-color: #77CC77;
}
[component="itineraryProgress"].itemGood {
	background-color: #77CC77;
}
[component="itineraryProgress"].itemOkay {
	background-color: #CCCC77;
}
[component="itineraryProgress"].itemBad {
	background-color: #CC7777;
}


#activityEditHeader {
	margin-bottom: 20px;
}
.activityEditTop {
	margin-bottom: 10px;
}
#activityDisplayName {
	margin-bottom: 10px;
}
table#generatable td.title {
	width: 60px;
}
tbody#generatable td {
	max-width: 200px;
}
#generatable li {
	white-space: normal;
}

[component="closeSignUpEmail"] {
	width: 600px;
}

#scoreNote {
	margin: 4px 0px 4px 0px;
}
#upcomingHeader {
	margin-top: 16px;
}

.formInlineError {
	padding-left: 8px !important;
	font-weight: bold;
	color: #CC0000;
}
.asterisk {
	padding-top: 8px;
	font-size: 11px;
	width: 400px;
}

.horizontalScroller {
	overflow: auto;
}

#itemList [component="item"] {
	text-align: center;
}
.addItem {
	margin-top: 70px;
}
[sectionLabel="advanced"], [sectionLabel="foilAdvanced"] {
	float: right;
	margin-top: 2px;
}

.groupFunction {
	margin-bottom: 2px;
}
.groupFunction.spaced {
	margin-top: 20px;
}
.groupFunctions {
	margin-bottom: 30px;
}
[component="groupFunction"] {
	height: 20px;
}

.inviteLabel {
	font-style: italic;
}

#uploadForm {
	position: fixed;
	height: 68px;
	left: 840px;
	bottom: 15px;
}
#uploadForm fieldset {
	background: #FCFCFC;
}
#uploadForm [component="fileCode"] {
	width: 100%;
	resize: none;
}
#uploadTarget {
	width: 0px;
	height: 0px;
	border-width: 0px;
}
[component="fileName"] {
	font-weight: bold;
}
ul[component=fileList] {
	list-style-type: none;
	padding: 0px;
}
.largeText {
	font-size: 24px;
}

#itemNavContainer {
	position: fixed;
	bottom: 100px;
	right: 15px;
}
#itemNav {
	background: #FCFCFC;
	width: 156px;
}
#itemNav button {
	width: 35px;
	margin: 1px;
}
.gecko #itemNav button {
	line-height: 1.17;
}
#itemNav [component="header"] [component="itemNum"] {
	display: inline-block;
	width: 74px;
	text-align: center;
}
#itemNav button[component="loadStatus"], #itemNav button[component="testLink"], #itemNav button[component="overrideItemLimit"] {
	width: 146px;
}
#itemNav [component="override"] {
	text-align: center;
}

#templateBlockHeader, #templateStatusHeader {
	margin-top: 20px;
}
#blockPreviewContainer {
	margin-bottom: 20px;
	max-width: 800px;
	text-align: center;
}
#blockPreviewContainer table {
	display: inline-block;
}
[component="blockPreview"], [component="blockPreviewEndCap"] {
	position: relative;
	border: 1px solid black;
	height: 80px;
	width: 50px;
	text-align: center;
}
[component="blockPreview"] {
	cursor: pointer;
}
[component="blockPreviewEndCap"] {
	width: 50px;
}
[component="templateBlockRemover"] {
	position: absolute;
	right: -1px;
	top: -1px;
}
[component="templateBlockInserter"] {
	position: absolute;
	top: 79px;
	right: -9px;
	width: 17px;
}
[component="blockPreviewEndCap"] .verticalText {
	-ms-transform:rotate(270deg); /* IE 9 */
	-moz-transform:rotate(270deg); /* Firefox */
	-webkit-transform:rotate(270deg); /* Safari and Chrome */
	-o-transform:rotate(270deg); /* Opera */
}
.blockTypeFiller {
	background-color: #CCCCCC;
}
.blockTypeItem {
	background-color: #5555FF;
}
.blockTypeItems {
	background-color: #66CC66;
}

#testTasks, #testItems, #noTestTasks, #noTestItems {
	margin: 0px 0px 20px 8px;
}

#taskRun {
	width: 600px;
	padding-bottom: 40px;
	display: inline-block;
	vertical-align: top;
}
body.mobile #taskRun [component="items"] {
	margin-right: 85px;
}
#taskRun div[component="response"] label {
	display: block;
	padding-left: 18px;
	text-indent: -18px;
}
#taskRun input[type="text"]:focus, #taskRun textarea:focus, #taskRun select:focus, #taskRun button:focus, #vetting textarea:focus, #vetting button:focus {
	outline: #4444FF solid 2px;
}
.webkit #taskRun input[type="text"]:focus, .webkit #taskRun textarea:focus, .webkit #taskRun select:focus, .webkit #vetting textarea:focus {
	outline: #4444FF ridge 3px;
}
.webkit #taskRun button:focus {
	outline: #4444FF ridge 2px;
}
#taskRun [component="element"], #taskRun [component="instructions"], #taskRun [component="itemPause"], #taskRun [component="itemContinue"], #taskRun [component="taskFinish"], #taskRun [component="progressButton"],
	#taskRun [component="statusContinue"], #taskRun [component="taskStatus"] {
	margin-top: 20px;
}
#vetting {
	width: 500px;
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
#vetting [component="submit"] {
	padding: 5px 8px;
}
#vetting [component="previous"], #vetting [component="approved"] {
	margin-top: 10px;
}
#vetting [component="approved"] {
	font-weight: bold;
}
#vettingReport, #vettingReportTesters {
	margin-bottom: 20px;
}
#vettingReportTesters .finalRow, #vettingReportItems .finalRow {
	border-bottom: 8px solid transparent;
}
#vettingReport thead td, #vettingReport thead th {
	border: 0px !important;
}
#vettingReportTesters, #vettingReportItems {
	width: 800px;
}
#vettingReportTesters tr:first-child, #vettingReportItems tr:first-child {
	font-size: 15px;
	border-bottom: 1px solid #555555;
}
#vettingReportTesters span.title, #vettingReportItems span.title {
	font-weight: bold;
}
#backToTask a {
	text-align: center;
}
.focused [component="question"], .focused [component="problem"] {
	color: #242EFF;
}
[component="question"], [component="problem"] {
	font-size: 16px;
}
[component="response"] {
	color: #9EAAB3;
	font-weight: normal;
}
[component="response"] {
	width: 100%;
}
input[type="text"][component="fbFoil"] {
	margin-left: 2px;
}
table[component="response"] {
	table-layout: fixed;
}
td[component="foil"] {
	text-align: center;
	border: 1px solid black;
	padding: 5px 0px;
}
.focused [component="response"] {
	color: #000000;
}
[component="question"] [component="response"], [component="question"] [component="response"] [component="eHint"], .qText [component="eHint"] {
	display: inline;
}
[component="question"] img {
	vertical-align: middle;
}
[component="hintDisplay"] {
	font-size: 90%;
	color: #444499;
	padding: 1px 4px;
	border-radius: 3px;
}
[component="hintText"] {
	margin-left: 5px;
}
.focused [component="hintDisplay"] {
	color: #242EFF;
}
[component="hintDisplay"].faded {
	color: #999999;
}
[component="eTimer"] {
	margin-left: 10px;
}
[component="itemContinue"] td, [component="progressButton"] td, [component="taskFinish"] td, [component="statusContinue"] td {
	min-width: 180px;
}
div[component="foil"] {
	position: relative;
	margin: 5px;
	min-height: 24px;
}
.focused [component="foil"].correct label {
	color: #009900;
}
[component="foil"].correct label {
	color: #54AA93;
}
[component="foilCorrection"].correct {
	color: #009900;
}
[component="elementCorrection"].correct {
	color: #009900;
}
.focused [component="foil"].incorrect label {
	color: #990000;
}
[component="foil"].incorrect label {
	color: #BC8893;
}
[component="elementCorrection"].incorrect {
	color: #990000;
}
[component="saText"] {
	resize: none;
}
[component="itemServerResponse"] {
	margin-top: 20px;
}
[component="itemServerResponse"] [component="title"] {
	font-weight: bold;
}
[component="itemServerResponse"] [component="itemFeedback"] {
	margin-top: 10px;
}
[component="elementServerResponse"] {
	margin-top: 4px;
}
[component="repeatError"] {
	color: #AA0000;
	font-size: 90%;
	display: none;
}
.focused [component="repeatError"] {
	display: initial;
}
.rightHint {
	position: absolute;
	left: 600px;
	top: 0px;
	width: 200px;
}
#taskRun [component="foil"].branchSource, #taskRun [component="response"].branchSource {
	border-left: 10px solid #E4E4FF;
	margin-left: -5px;
	background-color: #E4E4FF;
}
#taskRun [component="element"].branchSource {
	border-left: 10px solid #E4E4FF;
	margin-left: -10px;
	background-color: #E4E4FF;
}
.branchConnect {
	border-left: 20px solid #E4E4FF;
	border-bottom: 1px solid #E4E4FF;
	margin-left: -25px;
	padding-left: 5px;
}
#taskRun [component="item"].branchTarget {
	border-left: 25px solid #E4E4FF;
	margin-left: -25px;
	border-top: 1px solid #E4E4FF;
	background-color: #E4E4FF;
}

[new="AudioPlayer"] {
	display: inline-block;
	position: relative;
	font-size: 12px;
}
[new="AudioPlayer"] [component="buttons"] {
	display: inline;
	cursor: pointer;
}
[new="AudioPlayer"] [component="buttons"] img {
	vertical-align: middle;
}
[new="AudioPlayer"] [component="title"] {
	padding: 0px 5px;
	display: inline;
	cursor: pointer;
	vertical-align: middle;
	font-size: 18px;
}
[new="AudioPlayer"] [component="pause"] {
	display: none;
}
[new="AudioPlayer"].playing [component="pause"] {
	display: inline;
}
[new="AudioPlayer"].playing [component="play"] {
	display: none;
}
[new="AudioPlayer"] [component="progress"] {
	position: relative;
	margin-top: 1px;
	min-width: 25px;
	min-height: 8px;
	width: 100%;
	font-size: 10px;
	text-align: center;
	border: 1px solid #56577A;
	background-color: #AAAAAA;
}
[new="AudioPlayer"] [component="time"] {
	position: relative;
	z-index: 53;
}
[new="AudioPlayer"] [component="progressMessage"] {
	z-index: 52;
}
[new="AudioPlayer"] [component="progressBar"] {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #ACC5DE;
	z-index: 51;
}
[new="AudioPlayer"] [component="loadingBar"] {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background-color: #FCFCFC;
	z-index: 50;
}
[new="AudioPlayer"] [component="progressMessage"] {
	position: relative;
}
[new="AudioPlayer"] [component="volume"] {
	position: absolute;
	top: 0px;
	right: -24px;
	height: 100%;
}
[new="AudioPlayer"] [component="volume"] img {
	max-height: 50%;
}
[new="AudioPlayer"] [component="volumeUp"] {
	position: absolute;
	top: 0px;
	left: 0px;
}
[new="AudioPlayer"] [component="volumeDown"] {
	position: absolute;
	bottom: -2px;
	left: 0px;
}
[new="AudioPlayer"] [component="volumeContainer"] {
	position: relative;
	width: 10px;
	height: 100%;
	margin-left: 11px;
	border: 1px solid #56577A;
}
[new="AudioPlayer"] [component="volumeBar"] {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	background-color: #ACC5DE;
}
[new="AudioPlayer"].ed {
	line-height: 40px;
}

.youtubeVideoContainer, .hsContainer {
	border: 1px solid #000;
}
.hsContainer, [component="hsFoil"] {
	position: relative;
}
.hsFoil.focused {
	border: 2px solid #000099;
}
.youtubeVolume {
	position: absolute;
	top: 0px;
	width: 24px;
	background-color: #FCFCFC;
}
.youtubeVolumeOverlay {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #ACC5DE;
}
.volumeControlIcon {
	position: absolute;
	bottom: 0px;
	width: 100%;
}
.edOverlay {
	z-index: 80;
	position: absolute;
	cursor: pointer;
	border-radius: 1px;
}
.fillParent {
	width: 100%;
	height: 100%;
}
.edTimeline {
	position: relative;
	width: 100%;
	height: 32px;
	border: 1px solid #56577A;
}
.hsDrawRectangle {
	border: 1px dashed #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.hsCircle, .hsRect, .hsTargetCircle, .hsTargetRect {
	display: inline-block;
	position: absolute;
}
.hsTargetBorder {
	border-style: solid;
	border-width: 5px;
}
.hsRect {
	opacity: 0.6;
	filter: alpha(opacity=60);
	border: 1px solid #00CC00;
}
.hsOuterCircle, .hsInnerCircle, .hsTargetCircle {
	border-radius: 10000px;
	position: absolute;
}
.hsOuterCircle {
	border-color: #CC0000;
}
.hsOuterCircle, .hsInnerCircle {
	border-style: solid;
	border-width: 1px;
}
.hsInnerCircle {
	border-color: #00CC00;
	opacity: 0.6;
	filter: alpha(opacity=60);
}
.timelineEventGood {
	position: absolute;
	top: 0px;
	width: 12px;
	height: 12px;
	border: 2px solid;
	cursor: pointer;
}
.timelineEventBad {
	position: absolute;
	top: 6px;
	width: 11px;
	height: 1px;
	border: 1px solid #FF0000;
	background-color: #FF0000;
	cursor: pointer;
}
.timelineTrigger, .hsClick {
	position: absolute;
	display: inline-block;
	line-height: 16px;
	top: 16px;
	width: 1px;
	height: 1px;
	border: 6px solid;
	border-radius: 7px;
	cursor: pointer;
}
.timelineNumber, .hsNumber {
	line-height: 16px;
}
.timelineTriggerNumber, .timelineNumber, .hsNumber {
	position: absolute;
	color: #FCFCFC;
	font-size: 11px;
	text-align: center;
	text-shadow: -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000, 1px 1px 1px #000000;
}
.timelineTrigger .timelineNumber, .hsNumber {
	width: 20px;
	top: -8px;
	left: -10px;
}
.timelineEventGood .timelineNumber {
	width: 100%;
	top: -4px;
	left: 0px;
}
.timelineEventBad .timelineNumber {
	width: 100%;
	top: -8px;
	left: 0px;
}
[component="hsCategories"] label {
	display: inline-block !important;
	padding-left: 0px !important;
	text-indent: 0px !important;
	text-align: center;
}
.hsControls {
	width: 100%;
}
.hsControls input {
	vertical-align: middle;
	width: 200px;
}
.spotClickHighlight {
	position: absolute;
	border-width: 5px;
	border-style: solid;
	border-radius: 9999px;
	height: 1px;
	width: 1px;
}
.hsClickedContainer, .hsClickedH1, .hsClickedH2, .hsClickedV1, .hsClickedV2 {
	position: absolute;
}
.hsClickedH1, .hsClickedH2 {
	height: 2px;
	width: 4px;
	top: 5px;
}
.hsClickedH1 {
	left: 0px;
}
.hsClickedH2 {
	left: 8px;
}
.hsClickedV1, .hsClickedV2 {
	height: 4px;
	width: 2px;
	left: 5px;
}
.hsClickedV1 {
	top: 0px;
}
.hsClickedV2 {
	top: 8px;
}

.edPreview, .hsPreview {
	position: absolute;
}
.edPreview [component="navControls"] {
	position: relative;
	top: 17px;
	margin: auto;
	width: 179px;
	font-size: 12px;
}
.edPreview .nav {
	min-width: 30px;
	float: left;
	text-align: center;
	height: 21px;
}

#numpad td {
	width: 60px;
	padding: 0px;
}
#numpad tr {
	height: 60px;
}
#numpad button {
	width: 100%;
	height: 60px;
	padding: 0px;
	font-size: 30px;
}
#numpad #numpadEnter {
	font-size: 15px;
	height: 120px;
}
#numpad #numpadBackspace {
	font-size: 20px;
}

.treeSelectTree, .treeSelectLimb {
	position: absolute;
}
.treeSelectLoader {
	position: absolute;
	border: 1px solid grey;
	text-align: center;
	background-color: #FCFCFC;
}
.treeSelectTrunk {
	display: inline-block;
}
.treeSelectTrunk, .treeSelectLimb {
	list-style-type: none;
	padding: 0px;
}
.treeSelectTrunk .selected {
	background-color: #4F76FF;
}
.treeSelectBranch {
	cursor: pointer;
	background-color: #FCFCFC;
}
.treeBranchTitle {
	cursor: pointer;
	color: #FCFCFC;
	background-color: #444444;
}
.treeSelectBranch, .treeSelectBranch span, .treeSelectLimb {
	display: block;
}
.treeSelectBranch span, .treeBranchTitle {
	border: 1px solid grey;
	padding: 3px;
}

#topicChart {
	position: relative;
	margin-bottom: 20px;
}
#topicChart [sectionLabel] {
	position: absolute;
	right: 0px;
	top: 0px;
}
#topicChart [toggleFor] {
	height: 200px;
}
#topicSummary, #topicChart {
	width: 600px;
}
#topicSummary, #categoryListing table, [component="resultItem"] {
	margin-bottom: 20px;
}
#topicSummary th, #categoryListing table th, [component="statusStats"] table th, [component="statusPeerStats"] table th {
	font-weight: normal;
}
#categoryListing table th {
	padding: 2px 15px;
}
#topicSummary a, #categoryListing a {
	cursor: pointer;
}
#topicSummary td, #categoryListing table td, [component="statusStats"] table th, [component="statusStats"] table td, [component="statusPeerStats"] table th, [component="statusPeerStats"] table td {
	padding: 2px 15px;
	text-align: center;
}
.resultTable th {
	font-weight: normal;
	min-width: 70px;
}
.resultTable td {
	text-align: center;
}
.itemCorrect {
	font-weight: bold;
	color: #009900;
}
.itemGood {
	color: #009900;
}
.itemOkay {
	color: #999900;
}
.itemBad {
	color: #990000;
}
img.incorrect {
	height: 10px;
}
[component="resultItem"] ul {
	margin-left: 5px;
}
[component="resultItem"], [component="itemHeader"] {
	clear: both;
	width: 100%;
}
[component="itemHeader"] {
	height: 30px;
	border-bottom: 1px solid #000000;
}
[component="resultItem"] td, [component="itemHeader"] th {
	padding: 0px;
}
[component="resultItem"] .itemNumber {
	width: 30px;
	text-align: center;
	font-size: 18px;
}
.itemNotGraded {
	color: #2E942D;
}
.itemToggle {
	width: 100px;
	text-align: right;
}
[component="resultItem"] .markTop td {
	padding-top: 8px;
}
[component="resultItem"] .markBottom td {
	padding-bottom: 8px;
}

.topic0 { color: #006600; }
.topic1 { color: #3399FF; }
.topic2 { color: #FF6633; }
.topic3 { color: #6633FF; }
.topic4 { color: #CC9900; }
.topic5 { color: #00CC00; }
.topic6 { color: #663366; }
.topic7 { color: #3333FF; }
.topic8 { color: #996666; }
.topic9 { color: #666633; }
.topic10 { color: #CC66CC; }
.topic11 { color: #000099; }
.topic12 { color: #990000; }
.topic13 { color: #33CCCC; }
.topic14 { color: #336666; }
.topic15 { color: #FF6666; }
.topic16 { color: #666699; }
.topic17 { color: #669966; }
.topic18 { color: #999900; }
.topic19 { color: #CC00CC; }

.category0, .category0solid { background-color: #006600; color: #006000; }
.category1, .category1solid { background-color: #3399FF; color: #3399FF; }
.category2, .category2solid { background-color: #CCCC33; color: #CCCC33; }
.category3, .category3solid { background-color: #CC33FF; color: #CC33FF; }
.category4, .category4solid { background-color: #999900; color: #999900; }
.category5, .category5solid { background-color: #00CC00; color: #00CC00; }
.category99, .category99solid { background-color: #CC0000; color: #CC0000; }

.category0solid, .category0outline { border-color: #006600; }
.category1solid, .category1outline { border-color: #3399FF; }
.category2solid, .category2outline { border-color: #CCCC33; }
.category3solid, .category3outline { border-color: #CC33FF; }
.category4solid, .category4outline { border-color: #999900; }
.category5solid, .category5outline { border-color: #00CC00; }
.category99solid, .category99outline { border-color: #CC0000; }

.category0highlight { box-shadow: #006600 0px 0px 0px 6px; }
.category1highlight { box-shadow: #3399FF 0px 0px 0px 6px; }
.category2highlight { box-shadow: #CCCC33 0px 0px 0px 6px; }
.category3highlight { box-shadow: #CC33FF 0px 0px 0px 6px; }
.category4highlight { box-shadow: #999900 0px 0px 0px 6px; }
.category5highlight { box-shadow: #00CC00 0px 0px 0px 6px; }
.category99highlight { box-shadow: #CC0000; }

[component="categoryLabel"] {
	color: #000000 !important;
}

.w1m { width: 2ex; }
.w2m { width: 3ex; }
.mac .w2m, .gecko .w2m { width: 3.5ex; }
.w3m { width: 4ex; }
.w4m { width: 5ex; }
.w5m { width: 6ex; }
.w6m { width: 7ex; }
.w7m { width: 8ex; }
.w8m { width: 9ex; }
.w9m { width: 10ex; }
.w10m, [new="DatePicker"] { width: 11ex; }
.w11m { width: 12ex; }
.w12m { width: 13ex; }
.w13m { width: 14ex; }
.w14m { width: 15ex; }
.w15m { width: 16ex; }
.w16m { width: 17ex; }
.w17m { width: 18ex; }
.w18m { width: 19ex; }
.w19m { width: 20ex; }
.w20m { width: 21ex; }
.w25m { width: 26ex; }
.w30m { width: 31ex; }
.w35m { width: 36ex; }
.w40m { width: 41ex; }
.w45m { width: 46ex; }
.w50m { width: 51ex; }
.w55m { width: 56ex; }
.w60m { width: 61ex; }
.w80m { width: 81ex; }
.w100m { width: 101ex; }

[component="elementFeedback"] {
	margin-top: 5px;
}
.element {
	clear: both;
	margin-bottom: 8px;
}
.saText {
	resize: none;
}

[sectionLabel] {
	cursor: pointer;
}

#previewGuide {
	margin-bottom: 20px;
}
#itineraryPreview {
	margin-top: 20px;
}

#previewReturn {
	margin-bottom: 20px;
}
#resultSummary th {
	width: 150px;
}
#resultSummary td {
	font-size: 24px;
}
#resultSummary thead tr, #resultSummary tbody td, #resultSummary thead tr:first-child th {
	text-align: center;
}
#resultSummary thead tr th:last-child, #resultSummary tbody tr td:last-child {
	border-right: none;
}
#skipped {
	font-size: 10px;
}
#scoreGrade {
	margin-bottom: 20px;
}

#itemResultOptions button, #exportColumnToggles button {
	height: 18px;
	color: #666688;
}
#itemResultOptions button:hover, #exportColumnToggles button:hover {
	color: #333333;
}
#itemResultOptions button.selected, #exportColumnToggles button.selected {
	color: #333366;
	font-style: italic;
}
#resultItems {
	position: relative;
	width: 600px;
}
#resultItems [section="item"] {
	position: relative;
}
#resultItems .vetting {
	position: absolute;
	top: 0px;
	left: 600px;
	margin-top: 28px;
	margin-left: 14px
}
#resultItems [component="timelineScores"] .timelineTrigger, #resultItems [component="hsScores"] .hsClick {
	position: relative;
	top: -1px;
	vertical-align: middle;
}
#resultItems .instructorMark {
	margin-left: 20px;
}
#resultItems .instructorMark input[type="text"] {
	text-align: center;
}
#resultItems .instructorMarking textarea {
	width: 100%;
}
#taskInstructions tbody td {
	padding: 5px 0px;
}
#taskInstructions thead td {
	border-bottom: none;
}
#itemResultsHeader, #taskInstructions, #resultExport {
	width: 100%;
	max-width: 600px;
	margin-bottom: 20px;
}
#itemResultsHeader {
	margin-top: 10px;
	text-align: left;
}
#exportFormOptions {
	width: 100%;
	text-align: center;
}
#exportFormOptions td {
	padding-bottom: 6px;
}
.itemGrade {
	clear: both;
	width: 600px;
	padding-bottom: 2px;
	border-bottom: 3px solid #666666;
}
#resultItems .mcFoil {
	position: relative;
}
#resultItems .mcFoil .rightHint {
	color: #000000;
}
#resultItems [component="element"] {
	padding-top: 20px;
}

#premadeReports {
	margin-bottom: 20px;
}

#reportData {
	margin-bottom: 20px;
}

#reportChart {
	position: fixed;
	top: 83px;
	right: 20px;
	background-color: #FCFCFC;
	z-index: 1;
}
#reportToggle {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}
#reportChartCanvasContainer {
	margin-top: 15px;
}

#reportParams {
	font-weight: bold;
}
#reportHeaders {
	margin: 20px 0px;
}
#reportHeaders td, #reportHeaders th {
	border: 1px solid #AEAEAE;
}
#reportHeaders tbody th {
	text-align: right;
}
#reportHeaders td {
	padding-right: 20px;
}

#report th {
	border: 1px solid #AEAEAE;
}
#report {
	text-align: center;
}
#report .reportData, #report .reportStat {
	border: 1px solid #AEAEAE;
	text-align: right;
}
#report .reportEmpty {
	border-bottom: 1px solid #AEAEAE;
}
#report .reportTitle {
	text-decoration: underline;
}
#report .reportTitle.reportSummary {
	text-align: right;
	vertical-align: middle;
}
#report tr.dataRow:first-child td.reportData {
	border-top: 2px solid #000000;
}
#report tr.dataRow th:first-child {
	text-align: left;
}
#report tr.dataRow:last-child td.reportData {
	border-bottom: 2px solid #000000;
}
#report td.reportData.last {
	border-right: 2px solid #000000;
}
#report td.reportData.first {
	border-left: 2px solid #000000;
}

#reportOptions {
	margin-bottom: 20px;
}

#userReports {
	margin-bottom: 20px;
}

#splitForm {
	margin-bottom: 20px;
}
#groupSplitOptions {
	display: inline-block;
	vertical-align: top;
}
#groupSplitBreakpoints, #groupSplitBreakpointList {
	display: inline-block;
}

#ltiOptions {
	margin-top: 20px;
}

#LtiEmailMatchForm, #LtiEmailChooseForm, #TlSsoEmailMatchForm, #TlSsoEmailChooseForm, #itineraryForm {
	margin-top: 20px;
}

#fReportPage {
	text-align: center;
}
#fReportPage .tableContainer {
	display: inline-block;
}
#fReportOptions table, #fReportView table {
	width: 600px;
}
#fReportOptions table {
	table-layout: fixed;
}
#fReportView {
	margin-top: 40px;
}

#tocDepthNames {
	width: 400px;
}
#tocDepthNames .tdnDepth {
	width: 90px;
	text-align: center;
}

[component="tocCodes"] [component="tocCodeDepthName"] {
	text-align: center;
	font-weight: bold;
}
[component="tocCodeChildren"] {
	margin-top: 10px;
}
[component="tocCodes"] td.code {
	width: 40px;
}
[component="tocCodes"] td.edit {
	width: 80px;
}

#itineraryActions {
	margin-top: 20px;
}
.itineraryAction {
	display: inline-block;
	margin-right: 5px;
}
#itineraryEditWindow {
	margin-top: 20px;
}

#exportColumnHeader, #exportColumnToggles {
	display: inline-block;
}
#exportColumnToggles {
	margin-left: 40px;
}
#exportColumnGroups {
	width: 600px;
}
.exportColumns {
	column-count: 3;
}
#exportColumnGroups label {
	display: block;
}

#groupReportExport {
	margin-bottom: 10px;
}