/* MenuBar and scrolling content */
td,th,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,button,img
	{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
}

ul,ol {
	text-decoration: none
}

html {
	margin: 0px;
	/* width:		100%; */
}

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

p {
	margin: 0 0 0 0;
}

ul,ol {
	margin: .3em 0;
	padding-left: 20px
}

ol ol {
	list-style-type: lower-alpha;
}

ol ol ol {
	list-style-type: lower-roman;
}

li {
	padding: .0em 0;
}

div {
	zoom: 1
}  /* give DIVs hasLayout for IE <=8} */
fieldset {
	padding: .25em;
	margin: 15px;
	border-style: solid;
	border-color: #039;
	border-width: 1px;
}

table {
	border-collapse: collapse;
	border-color: black;
}

tbody:empty {
	display: none;
}

td {
	text-indent: 0;
	vertical-align: top;
	border-color: black;
}

button: :-moz-focus-inner {
	border: 0;
	padding: 0;
}

.sectiongroup /*, fieldset */ {
	padding: 4px 1em 4px;
	margin: 2.5em 0 1em 0;
	position: relative;
	border-width: 1px;
	border-style: solid;
	border-color: #039 /*#4A69C6*/;
	color: black;
	background: white;
	border-radius: 0 5px 5px 5px;
}

.sectiongroup.unlabeled {
	margin-top: 1em;
	padding-top: 10px;
	border-top-left-radius: 5px;
}

.sectiongroup .label,.section .label /*, fieldset legend */ {
	position: absolute;
	bottom: 100%;
	left: -1px;
	background-color: #56D;
	background: -webkit-linear-gradient(bottom, #56D 0%, #78E 100%);
	background: linear-gradient(to top, #56D 0%, #78E 100%) /*!important*/;
	color: white;
	font-weight: bolder;
	font-size: 13px;
	width: auto;
	white-space: nowrap;
	padding: 4px 15px 4px 10px;
	border-style: solid solid none;
	border-width: 1px;
	border-color: #039;
	border-radius: 5px 5px 0 0;
}

.lesson .sectiongroup,.lesson .section,.lesson .sectionHead {
	border-color: #039;
}

.lesson .sectiongroup .label,.lesson .sectionHeader,.lesson td.sectionHead
	{
	border-color: #039;
	color: #FFF;
	background-color: #56D;
	background: -webkit-linear-gradient(bottom, #56D 0%, #78E 100%);
	background: linear-gradient(to top, #56D 0%, #78E 100%);
}

.alt .lesson .sectiongroup,.alt .lesson .section,.alt .lesson .sectionHead
	{
	border-color: #56D;
}

.alt .lesson .sectiongroup .label,.alt .lesson .sectionHeader,.alt .lesson td.sectionHead
	{
	border-color: #56D;
	color: #56D;
	background-color: #ddd;
	background: -webkit-linear-gradient(bottom, #ccc 0%, #f0f0f0 100%);
	background: linear-gradient(to top, #ccc 0%, #f0f0f0 100%);
}

.unit .sectiongroup,.unit .section,.unit .sectionHead {
	border-color: #039;
}

.unit .sectiongroup .label,.unit .sectionHeader,.unit td.sectionHead {
	border-color: #039;
	color: white;
	background-color: #039;
	background: -webkit-linear-gradient(bottom, #039 0%, #04C 100%);
	background: linear-gradient(to top, #039 0%, #04C 100%);
}

.alt .unit .sectiongroup,.alt .unit .section,.alt .unit .sectionHead {
	border-color: #039;
}

.alt .unit .sectiongroup .label,.alt .unit .sectionHeader,.alt .unit td.sectionHead
	{
	border-color: #039;
	color: #039;
	background-color: #ddd;
	background: -webkit-linear-gradient(bottom, #ddd 0%, #fff 100%);
	background: linear-gradient(to top, #ddd 0%, #fff 100%);
}

.green .unit .sectiongroup,.green .unit .section,.green .unit .sectionHead
	{
	border-color: #595;
}

.green .unit .sectiongroup .label,.green .unit .sectionHeader,.green .unit td.sectionHead
	{
	border-color: #595;
	color: green;
	background-color: #ddd;
	background: -webkit-linear-gradient(bottom, #ccc 0%, #f0f0f0 75%, #eee 100%)
		;
	background: linear-gradient(to top, #ccc 0%, #f0f0f0 75%, #eee 100%);
}

.sectiongroup .label a:link,.sectiongroup .label a:visited,.section .label a:link,.section .label a:visited
	{
	color: inherit;
}

.collapsible .label {
	cursor: pointer
}

/*
.collapsible>.label:after 
{content: url('collapse-dark.gif'); vertical-align:middle; margin:4px 0 0 10px}
.collapsed>.label:after
{content: url('expand-dark.gif');}
*/
.collapsible>.label>.twistie {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 10px;
}

.collapsible>.label>.twistie:before {
	content: "\00ff0d";
	line-height: 1em;
}

a:link,a:visited {
	color: #039;
}

a:hover {
	color: #36C;
}

#menuBar {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	/*	width:		100%; */
	height: 71px;
	white-space: nowrap;
	background: #cccccc;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.header {
	color: white;
	background: url('header-grad.jpg') repeat-x #039;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	height: 24px;
	vertical-align: middle;
	padding: 3px;
}

.header-row {
	background: url('header-grad.jpg') repeat-x #039
}

.header-logout {
	background: url('menubar-grad.jpg') repeat-x silver;
	border-radius: 10px
}

a.hotspot { /* the logout button */
	display: inline-block;
	color: white;
	background-color: #393;
	background: -webkit-linear-gradient(bottom, #393 0%, #4a4 100%);
	background: linear-gradient(to top, #393 0%, #4a4 100%);
	padding: 2px 1em;
	border: none;
	border-radius: 12px;
	text-decoration: none;
	font-size: 14px;
	/*box-shadow: 0px 0px 10px 5px rgba(255, 255, 255, .75);*/
}
a.hotspot + a.hotspot {
	margin-left: 1em;	
}

a.hotspot:link,a.hotspot:visited {
	color: white;
}

a.hotspot:hover {
	color: #FFC;
	/*border-style: inset; */
}

.menu {
	background: #eee url('menubar-grad.jpg') repeat-x bottom left;
	height: 40px;
	white-space: nowrap;
	vertical-align: middle;
	position: relative;
	z-index: 1;
}

.formName {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	width: 190px;
	padding-left: 1em;
	font-size: 15px;
	font-weight: bold;
	color: #028;
	text-transform: uppercase;
}

.iconGroup {
	display: inline-block;
}

.iconGroup+.iconGroup:not(:empty):before {
	background: url(menubar-sep.gif) center no-repeat;
	content: "\00A0";
	margin: 0 2em;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 34px;
}

.popupMenuWrapper>div {
	/* xe:popupMenu renders a div that ignores "style" attributes */
	display: inline-block;
}

a[disabled] {
	opacity:.3;	
}

a.icon {
	padding: 2px;
	vertical-align: middle;
	position: relative;
	/* to give the tool tip something to be positioned relative to */
	top: 0;
	left: 0;
	text-decoration: none;
	/*display:	-moz-inline-box;*/
	display: inline-block;
	z-index: 24;
}

a.icon:hover { /*	border:		2px solid yellow;
	padding:	0px;*/
	text-indent: 0px;
	z-index: 25;
}

a.icon span {
	display: none;
	position: absolute;
	bottom: 95%;
	left: 5px;
	color: black;
	font-size: 13px;
	padding: 4px 6px;
}

a.icon:hover span {
	display: block;
	background: white;
	/* moved here from 'a.icon span' because IE 6 still draws a background and border when display:none */
	border: 1px solid black;
}

button.icon {
	background: white;
	border: 2px outset #ddd;
	border-radius: 4px;
	cursor: pointer;
	margin-left: 1em;
	padding: 2px;
}

button.icon.active { /*box-shadow: 0px 0px 6px 2px #039;*/
	border-style: inset;
	background-color: #ddf;
}

button.icon:hover {
	background: #eee;
}

.content table {
	font-size: 13px;
	/* width: 97%; Trying to remove this because IE SUCKS this can't be 100% */
	/*	border-collapse:	collapse;
	border-spacing:	0;*/
}

.content table.mceEditor {
	margin: 0;
}

.content hr {
	width: 80%;
	height: 1px;
	text-align: center;
	color: #080;
}
.template hr {
	width: 50%;
	height: 1px;
	text-align: left;
	color: #080;
	margin-left:0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: none;
	vertical-align: middle;
}

img.inlineIcon {
	margin: -4px .25em;
	vertical-align: baseline;
}

.banner {
	width: 80%;
	min-height: 65px;
	margin: 10px auto;
	background: white;
	border: 2px solid #039;
	border-radius: 8px;
	padding: 16px;
}

.banner h1 {
	font-size: 2em;
	color: #039;
	margin: 0 auto 10px;
	text-align: center;
}

.banner p {
	margin-bottom: .5em
}

.footer {
	position: absolute;
	bottom: 0;
	height: 20px;
	background: #039;
	left: 0;
	right: 0;
	color: white;
	text-align: center;
	padding-top: 5px;
}

.footer a:link,.footer a:active,.footer a:visited {
	color: white;
	font-weight: bold;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline
}

.sectionHead { /*	background:	#039; */
	background: #7A85AE url('table-head-grad.jpg') repeat-x;
	color: white;
	font-weight: bolder;
	font-size: 13px;
	white-space: nowrap;
	padding: 1px 1em 1px .5em;
}

.sectionHeadRight {
	background: url('sectRightBg?OpenImageResource') bottom left no-repeat;
}

.sectionold {
	padding: 12px 0px 30px 20px;
}

.sectionHeader {
	display: inline-block;
	background: rgb(74, 104, 200) url('table-head-grad.jpg') repeat-x;
	color: white;
	font-weight: bolder;
	font-size: 13px;
	width: auto;
	white-space: nowrap;
	padding: 4px 10px 4px 10px;
	border-width: 1px;
	border-style: solid solid none;
	border-color: #039;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	position: relative;
	bottom: -1px;
}

.section {
	border-style: solid solid solid solid;
	border-width: 1px;
	border-color: #039;
	margin: 0;
	padding: 10px 5px 10px 10px;
	background: white;
	color: black;
	width: auto;
	vertical-align: baseline;
	min-height: 18px;
	position: relative;
	/* to ensure the section fits around any 'floated content */
	overflow: auto;
	border-radius: 0 5px 5px 5px;
}

td.section {
	position: static;
}

.section p {
	margin: 0 0 .2em 0;
	padding: 0;
}

.gap {
	height: 15px;
	font-size: 3px;
	line-height: 3px;
}

a.internalnav:hover {
	color: inherit;
}

.sectiontight {
	padding: 6px;
}

/* div based formating: */
h1.sectionHead {
	background: none;
	color: white;
	font-weight: bolder;
	font-size: 13px;
	white-space: nowrap;
	padding: 0; /* border-bottom: 1px solid #039; */
	margin-top: 4px;
	margin-right: 4px;
}

div.section {
	margin-bottom: 1em;
}

.contentBox {
	background: white;
	border: 2px solid #039;
	padding: 2px;
}

.searchTermGroups {
  display: table;
  table-layout: auto;
  border-collapse: collapse;
  min-width: 100%;
  margin-bottom: .5em;
}
.searchTermGroup {
  display: table-row;
}
.searchTerm {
  display: table-cell;
  white-space: no-wrap;
  background: white;
  border: 1px solid #039;
  vertical-align: top;
}
.searchTermLabel,
.searchTermValue {
  border-color: #039;
  border-style: solid;
  border-width: 1px;
}
.searchTermGroup:not(:last-child) .searchTermLabel,
.searchTermGroup:not(:last-child) .searchTermValue {
  border-bottom-style: double;
  border-bottom-width: 3px;
}
.searchTermLabel {
  display: table-cell;
  background: #E5E5E5;
  color: #039;
  padding: 5px .5em 6px .5em;
  margin-top: 0;
  height: 100%;
  width: 11%;
  text-align: right;
}
.searchTermValue {
  display: table-cell;
  vertical-align: top;
  min-height: 1.2em;
  padding: 3px .75em 3px .75em;
  background: white;
  width:22%;
}
.searchTermValue .xspComboBox {
	max-width: 30em;
}

#help {
	width: 400px;
	height: auto;
}

.dialog {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 3px solid #039;
	z-index: 101 !important;
	background-color: #039;
	color: white;
}

.dialog h1 {
	border-bottom: 3px double black;
	font-size: 12px;
	margin: 0;
	padding: 3px;
	width: auto;
	z-index: 1;
	cursor: move;
}

.dialog .close {
	cursor: pointer;
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	z-index: 1;
}

.dialog .dialogContents {
	margin: 0;
	padding: 4px;
	overflow: scroll;
	color: black;
	background-color: white;
	height: 10em;
	z-index: 1
}

.dialog .dialogContents fieldset {
	margin: 4px
}

.dialog .note {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: Red;
	margin: 6px auto 6px auto
}

#helpframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 400px;
	height: 100px;
	z-index: 100;
	border: none
}

.helpicon {
	cursor: pointer;
	vertical-align: middle;
	margin-left: .75em;
	padding: 1px 0;
	position: relative;
	top: -2px;
	border-radius: 10px;
	/*box-shadow: 0 0 3px 1px white;*/
}

label {
	vertical-align: baseline; /*margin-top: .5em;*/
}

input[type=radio],input[type=checkbox] {
	margin-left: .6em;
	margin-right: .4em
}

.inputGroup { /* for a div surrounding a bunch of radio/checkboxes */
	vertical-align: top;
	display: inline-block;
}

.inputNumber {
	vertical-align: baseline;
	width: 50px;
	text-align: right;
	padding-right: 1em;
}

.inputSingle {
	vertical-align: baseline;
	width: 300px;
}

.inputLine {
	vertical-align: baseline;
	width: 80%;
	padding: 4px;
	margin-bottom: 6px;
}

.inputRepeatable {
	width: 100%; /*  blowout test */
	height: 7em;
	line-height: 1.1em;
}

.inputBlock {
	width: 100%; /*  blowout test */
	height: 5em;
	line-height: 1.1em;
}

.inputMedBlock {
	width: 98%; /* blowout test */
	height: 12em;
	line-height: 1.1em;
}

.inputMedBlock1 {
	width: 98%; /* blowout test */
	height: 1em;
	line-height: 1.1em;
}

.inputBigBlock {
	width: 98%; /*  blowout test */
	height: 25em;
	line-height: 1.1em;
}

.inputDate {
	width: 130px;
}

.inputGrade {
	width: 18px;
	display: inline-block;
	font-family: monospace;
}

.inputButton {
	color: white;
	background: #009;
	padding: 2px;
}

.inputChoices {
	width: 30em;
	height: 12em;
}

input.error {
	color: #C00;
	background-color: white;
	border: 1px solid red;
	border-radius: 3px;
	font-size: 1em;
}

.cupField>br:first-child {
	display: none;
}

.choicesList {
	list-style: none;
}

.required {
	border-bottom: 1px solid #f99;
}

.outputBlock {
	width: 100%; /* blowout test */
	height: 5em;
	line-height: 1.1em;
	background: #faa;
	border: 2px inset red;
}

.success {
	color: #090;
}

.error {
	color: #C00;
	background-color: white;
	border: 2px solid red;
	border-radius: 15px;
	font-size: 1.5em;
}

.error h2 {
	font-size: 1.5em;
	margin-bottom: 1em;
}

.error a.button:link,.error a.button:visited,.error a.button:active {
	color: inherit;
	background-color: white;
	border-color: red;
}

.warning {
	color: red;
	font-style: italic;
}

table.legend {
	width: auto;
	color: #039;
	margin: 3px auto;
	padding: 2px;
	background: url('legend-grad.jpg') white repeat-x;
	border: 1px solid #888;
}

table.legend td {
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	padding: 2px 10px;
	width: auto;
}

table.legend img {
	margin-left: 5px;
	vertical-align: middle;
}

table.innerTable {
	border: none;
	width: 500px; /* blowout test */
}

table.innerTable .th,table.innerTable th {
	border-bottom: 1px solid black;
}

.innerTableLabel,th label {
	padding: 0px 6px;
	font-size: 11px;
	line-height: 1em;
	color: #333;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}

th label {
	display: block;
	width: 100%
}

table.centerInWindow {
	height: 100%;
	width: 100%
}

table.centerInWindow td {
	vertical-align: middle;
	text-align: center;
}

table.view {
	width: 100%;
	border: 1px solid #888;
}

/* for the views tables*/
.hier,.view table {
	width: 100%;
	/* because IE sucks ass and can't compute the width a child of an element with overflow:scroll (it forgets to subtract the width of the scrollbar)*/
	margin: 20px 0;
	border: 1px solid #888;
	padding: 0px;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	empty-cells: show;
	border-collapse: collapse;
}

.view table table {
	margin: 0;
	padding: 0;
	border: none;
	width: auto;
}

.view table table td {
	border: none;
}

.embedded table,table.embedded {
	width: 97%;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	border: 1px double #039;
	padding: 0px;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	empty-cells: show;
	border-collapse: collapse;
}

.alt .lesson .embedded table,.alt .lesson table.embedded {
	border-color: #039;
}

.lesson .embedded table,.lesson table.embedded {
	border-color: #56D;
}

.alt .unit .embedded table,.alt .unit table.embedded {
	border-color: #039;
}

.unit .embedded table,.unit table.embedded {
	border-color: #039;
}

.green .unit .embedded table,.green .unit table.embedded {
	border-color: #595;
}

.embedded h1 {
	font-weight: bolder;
	color: #039;
}

.embedded blockquote {
	margin: 3px 2em;
}

.embeddedList {
	display: -moz-inline-block;
	display: inline-block;
	vertical-align: top;
	margin: 15px
}

/*	for whenever browsers one day support this:
.hier tr:nth-child(odd), .view tr:nth-child(odd), .embedded tr:nth-child(odd) {
	background:	#B6DC89;
}
*/
.hier th,.view th,.embedded th,.embedded td.th {
	background-color: #56D;
	background: -webkit-linear-gradient(bottom, #56D 0%, #78E 100%);
	background: linear-gradient(to top, #56D 0%, #78E 100%) /*!important*/;
	margin: 0px;
	padding: 2px 1em 2px .5em;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
}

.alt .lesson .hier th,.alt .lesson .embedded th,.alt .lesson .embedded td.th
	{
	color: white;
	background-color: #039;
	background: -webkit-linear-gradient(bottom, #56D 0%, #78E 100%);
	background: linear-gradient(to top, #56D 0%, #78E 100%);
}

.lesson .hier th,.lesson .embedded th,.lesson .embedded td.th {
	color: #56D;
	background-color: #ddd;
	background: -webkit-linear-gradient(bottom, #ddd 0%, #f0f0f0 100%);
	background: linear-gradient(to top, #ddd 0%, #f0f0f0 100%);
}

.alt .unit .hier th,.alt .unit .embedded th,.alt .unit .embedded td.th {
	color: white;
	background-color: #039;
	background: -webkit-linear-gradient(bottom, #039 0%, #04C 100%);
	background: linear-gradient(to top, #039 0%, #04C 100%);
}

.unit .hier th,.unit .embedded th,.unit .embedded td.th {
	color: #039;
	background-color: #ddd;
	background: -webkit-linear-gradient(bottom, #ddd 0%, #f0f0f0 100%);
	background: linear-gradient(to top, #ddd 0%, #f0f0f0 100%);
}

.green .unit .hier th,.green .unit .embedded th,.green .unit .embedded td.th
	{
	background-color: #595;
	background: -webkit-linear-gradient(bottom, #595 0%, #85bb85 100%);
	background: linear-gradient(to top, #595 0%, #85bb85 100%);
}

.hier th a:link,.view th a:link,.embedded th a:link,.embedded td.th a:link,.hier th a:visited,.view th a:visited,.embedded th a:visited,.embedded td.th a:visited
	{
	color: inherit;
}

.hier th[align=center],.view th[align=center],.embedded th[align=center],.embedded td.th[align=center]
	{
	text-align: center;
}

.view .archived {
	background: gainsboro;
	border-style: double none;
	border-color: #7A6;
}

.view .deleted {
	background: #dcc;
	border-style: double none;
	border-color: #695;
}
.viewSample {
	display:inline-block;
	margin:0 .5em;
	width:2em; 
	height:1em;
	vertical-align:middle;
	border: 1px solid #039;
	border-radius:3px;
	
	}
.viewSample.deleted{	background: #dcc;
}
.viewSample.archived{	background: gainsboro;
}

.embedded td.thleft {
	padding-right: 10px;
	text-align: right;
	color: #039;
}

.lesson .embedded td.thleft {
	color: #039;
}

.alt .lesson .embedded td.thleft {
	color: #56D;
}

.green .unit .embedded td.thleft {
	color: #060;
}

.hier td,.view td,.embedded td {
	border-width: 1px;
	border-style: solid none;
	border-color: #B6DC89;
	vertical-align: top;
	padding: 2px 6px 4px;
}

.hier .hier0,.embedded td.hier0 {
	padding-left: 3.1em;
	text-indent: -2em;
}

.lsd {
	color: #B6DC89;
	font-weight: bold;
}

.hier td.hier1,.embedded td.hier1 {
	padding-left: 4.1em;
	text-indent: -2em;
}

.hier td.hier2,.embedded td.hier2 {
	padding-left: 5.1em;
	text-indent: -2em;
}

.hier td.hier3,.embedded td.hier3 {
	padding-left: 6.1em;
	text-indent: -2em;
}

.hier td.hier4,.embedded td.hier4 {
	padding-left: 7.1em;
	text-indent: -2em;
}
.view .cupCategoryRow td {
	font-weight:bold;
	padding-top: .75em;
	border-top-style: double;
	border-top-width: 3px;
}

a.button {
	font: 11px Arial;
	font-weight: bold;
	text-decoration: none;
	display: -moz-inline-box;
	display: inline-block;
	background-color: #eee;
	background-image: -webkit-linear-gradient(to top, #CCC 0%, #EEE 100%);
	background-image: linear-gradient(to top, #CCC 0%, #EEE 100%);
	color: #039;
	border-color: #039;
	border-width: 2px;
	border-style: outset;
	border-radius: .75em;
	margin: 2px;
	padding: 2px .75em;
}

a.button:link,a.button:visited,a.button:active,a.button:hover {
	text-decoration: none;
	border-style: outset;
}

a.button.disabled:link,a.button.disabled:visited,a.button.disabled:active
	{
	border: none;
	margin: 4px;
	background: #CCF;
	color: #EEE;
}

.alt .lesson a.button:link,.alt .lesson a.button:visited,.alt .lesson a.button:active
	{
	border-color: #56D;
	color: white;
	background-color: #56D;
	background: -webkit-linear-gradient(bottom, #56D 0%, #78E 100%);
	background: linear-gradient(to top, #56D 0%, #78E 100%);
}

.alt .lesson a.button.disabled:link,.alt .lesson a.button.disabled:visited,.alt .lesson a.button.disabled:active
	{
	background: #CCF;
}

.lesson a.button:link,.lesson a.button:visited,.lesson a.button:active {
	border-color: #CCC;
	color: #56D;
	background-color: #ddd;
	background: -webkit-linear-gradient(bottom, #ddd 0%, #f0f0f0 100%);
	background: linear-gradient(to top, #ddd 0%, #f0f0f0 100%);
}

.alt .unit a.button:link,.alt .unit a.button:visited,.alt .unit a.button:active
	{
	border-color: #039;
	background-color: #039;
	background: -webkit-linear-gradient(bottom, #039 0%, #04C 100%);
	background: linear-gradient(to top, #039 0%, #04C 100%);
}

.unit a.button:link,.unit a.button:visited,.unit a.button:active {
	border-color: #CCC;
	color: #039;
	background-color: #ddd;
	background: -webkit-linear-gradient(bottom, #ddd 0%, #f0f0f0 100%);
	background: linear-gradient(to top, #ddd 0%, #f0f0f0 100%);
}

.unit a.button.disabled:link,.unit a.button.disabled:visited,.unit a.button.disabled:active
	{
	background: #CCF;
}

.green .unit a.button:link,.green .unit a.button:visited,.green .unit a.button:active
	{
	border-color: #595;
	background-color: #595;
	background: -webkit-linear-gradient(bottom, #595 0%, #85bb85 100%);
	background: linear-gradient(to top, #595 0%, #85bb85 100%);
}

.green .unit a.button.disabled:link,.green .unit a.button.disabled:visited,.green .unit a.button.disabled:active
	{
	background: #CFC;
}

a.button:hover {
	border-style: inset;
}

a.button:active {
	
}

.item1 {
	background: #CFC;
}

.item2 {
	background: #CCF
}

.item3 {
	background: #FCC
}

.item4 {
	background: #CFF
}

.item5 {
	background: #CFC
}

.item6 {
	background: #FFC
}

.item7 {
	background: #9F9;
}

.item8 {
	background: #99F
}

.item9 {
	background: #F99
}

.item10 {
	background: #C99
}

.item11 {
	background: #F9F
}

.item12 {
	background: #FF9
}

ul.tabbed {
	margin: 0;
	padding: 0 0 0 7px;
	display: block;
	z-index: 2;
	position: relative;
	bottom: -1px;
	list-style: none;
	height: 25px;
	border-bottom: 1px solid #039;
}

ul.tabbed li {
	float: left;
	background: url('table-head-grad.jpg') repeat-x #4A69C6;
	color: white;
	margin-right: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #039;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}

ul.tabbed li.selected {
	background: white;
	border-bottom-color: white;
}

ul.tabbed li a {
	font-weight: bold;
	font-size: 13px;
	white-space: nowrap;
	text-decoration: none;
}

ul.tabbed li a:link,ul.tabbed li a:visited,ul.tabbed li a:hover {
	display: block;
	color: white;
	padding: 5px 15px 4px 10px;
}

ul.tabbed li a:hover {
	text-decoration: underline;
}

ul.tabbed li.selected a:link,ul.tabbed li.selected a:visited,ul.tabbed li.selected a:hover
	{
	background: none;
	color: black;
}

button.delitem {
	border: 0px none;
	background: none
}

.dialog {
	display: inline;
	position: absolute;
	top: 0;
	left: 0;
	border: 3px solid #039;
	z-index: 101 !important;
	background-color: #039;
	color: white;
	width: auto;
	left: 400px;
	top: 100px;
}

.dialog h1 {
	border-bottom: 3px double black;
	font-size: 12px;
	margin: 0;
	padding: 3px;
	width: auto;
	z-index: 1;
	cursor: move;
}

.dialog .close {
	cursor: pointer;
	float: right;
	font-size: 12px;
	font-weight: bold;
	padding: 3px;
	text-align: center;
	z-index: 1;
}

.dialog .dialogContents {
	margin: 0;
	padding: 4px;
	overflow: scroll;
	color: black;
	background-color: white;
	height: auto;
	z-index: 1;
	width: auto;
	max-height: 400px;
}

.dialog .note {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: Red;
	margin: 6px auto 6px auto
}

.returnToTop {
	padding-left: 1em
}

.mainDocument {
	margin-top: 4px;
	padding: 4px;
	border: 2px solid #039;
	border-radius: 8px;
	background: #eeeef7;
	position: relative;
}

.lesson.archived,.unit.archived,.analysis.archived,.template.archived,.archived .mainDocument
	{
	background-image: url('archived.png');
	background-repeat: repeat;
	background-attachment: local;
}

.lesson.deleted,.unit.deleted,.analysis.deleted,.template.deleted,.deleted .mainDocument
	{
	background-image: url('deleted.png');
	background-repeat: repeat;
	background-attachment: local;
	/*	background-color: rgb(255,225,225);
	background-color: rgba(255,0,0,.3);*/
}

.smallButton {
	border: none;
	background: transparent;
	padding: 2px 4px 4px 2px;
}

.smallButton:hover {
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 2px;
}

.smallButton:active {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-right: none;
	border-bottom: none;
}

table.multivalue {
	padding: 0px;
	background: white;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	empty-cells: show;
	border-collapse: collapse;
}

table.multivalue>tbody>tr>th,table.multivalue>thead>tr>th {
	background-color: #56D;
	background: -webkit-linear-gradient(bottom, #56D 0%, #78E 100%);
	background: linear-gradient(to top, #56D 0%, #78E 100%) /*!important*/;
	margin: 0px;
	padding: 2px 1em 2px .5em;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: white;
	white-space: nowrap;
}

table.multivalue>tbody>tr.demote {
	color: #000;
	background: #ddd;
}

table.multivalue>tbody>tr>td {
	border-bottom: 1px solid #B6DC89;
	vertical-align: top;
	padding: 2px;
}

table.multivalue>tfoot>tr>td {
	border-bottom: none
}

table.multivalue td.titleCol {
	padding-left: 2.1em;
	text-indent: -2em;
}

table.multivalue td.titleCol .unavailable {
	color: #666;
}

table.multivalue>tbody>tr>td.hier0 {
	padding-left: 2.1em;
	text-indent: -2em;
	font-size: 110%;
	font-weight: bold;
	color: #039;
}

table.multivalue>tbody>tr>td.hier1 {
	padding-left: 3.1em;
	text-indent: -2em;
	font-weight: bold;
}

table.multivalue>tbody>tr>td.hier2 {
	padding-left: 4.1em;
	text-indent: -2em;
}

table.multivalue>tbody>tr>td.hier3 {
	padding-left: 5.1em;
	text-indent: -2em
}

table.multivalue>tbody>tr>td.hier4 {
	padding-left: 6.1em;
	text-indent: -2em
}

table.multivalue>tbody>tr>td.hier5 {
	padding-left: 7.1em;
	text-indent: -2em
}

table.multivalue>tbody>tr>td.hier6 {
	padding-left: 8.1em;
	text-indent: -2em
}

table.multivalue>tbody>tr>td.hier7 {
	padding-left: 9.1em;
	text-indent: -2em
}

table.multivalue>tbody>tr>td.hier8 {
	padding-left: 10.1em;
	text-indent: -2em
}

table.multivalue>tbody>tr>td.hier9 {
	padding-left: 11.1em;
	text-indent: -2em
}

table.multivalue>tbody>tr>td.hier10 {
	padding-left: 12.1em;
	text-indent: -2em
}

.moreLink {
	text-decoration: underline;
	color: blue;
	font-size: smaller;
	font-weight: bolder;
	cursor: pointer;
}

.moreLink:hover {
	background: #ddd;
	border: 1px solid #999;
}

.moreData { /*font-size: smaller; */
	margin: .5em 0 .5em 2em;
	display: block;
	font-size: 13px;
	font-weight: initial;
	color: initial;
	text-indent: 0;
}

.cupDisabled {
	background: #eee;
	color: #666;
}

.threadedDiscussion,.reflections {
	margin-top: 1em;
	/*max-width: 800px;*/
}

.threadedDiscussion h1 {
	background: url('overlay-grad.png') #ddd;
	color: #555;
	font-weight: bold;
	margin-top: 1em;
	font-size: 100%;
	padding: 3px 2px 1px 13px;
	border-radius: 8px;
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: #333;
}

.threadedDiscussion h1 button {
	border: none;
	background: none;
	font-size: 12px;
	font-family: Arial, sans-serif;
	color: #039;
	margin: 0 8px;
	border-radius: 7px;
	padding: 1px;
	height: auto;
}

.threadedDiscussion h1 button:hover {
	background: #ccc;
	border: 1px solid #666;
	padding: 0;
}

.threadedDiscussionItem,.reflection {
	padding: 5px 0 5px 5px;
	border-style: none none none solid;
	border-color: silver;
	border-width: 1px;
	margin-bottom: 3px;
	border-radius: 10px;
}

.threadedDiscussionItem.indent1 {
	margin-left: 20px
}

.threadedDiscussionItem.indent2 {
	margin-left: 38px
}

.threadedDiscussionItem.indent3 {
	margin-left: 54px
}

.threadedDiscussionItem.indent4 {
	margin-left: 68px
}

.threadedDiscussionItem.indent5 {
	margin-left: 80px
}

.threadedDiscussionItem.indent6 {
	margin-left: 90px
}

.threadedDiscussionItem.indent7 {
	margin-left: 98px
}

.threadedDiscussionItem.indent8 {
	margin-left: 104px
}

.threadedDiscussionItem.indent9 {
	margin-left: 108px
}

.threadedDiscussionItem.indent10 {
	margin-left: 112px
}

.threadedDiscussionItemTitle,.reflectionTitle {
	color: #039;
	font-weight: bold;
}

.threadedDiscussionItemComments,.reflectionComments {
	margin-left: 1em;
	clear: both;
	/*white-space: pre-wrap; removed for moving comments to Rich Text*/
	margin-top: .25em;
}

.threadedDiscussionItemReplies {
	padding-left: 1em;
	color: #039;
}

.shareStatus {
	border-radius: 10px;
	padding: 1px 4px;
	display: inline-block;
	cursor: pointer;
}

.shareStatus.P {
	color: #900;
}

.shareStatus.R {
	color: #039;
}

.shareStatus.S {
	color: #090;
}

.stdsDisplayToggle {
	float: right;
	margin-right: 3px;
	cursor: default
}

.stdsDisplayToggle .twistie {
	display: inline-block;
	background: url("collapse.gif") no-repeat transparent;
	height: 16px;
	vertical-align: top;
	width: 14px;
}

.stdsDisplayToggle.stdsCollapsed .twistie {
	background: url("expand.gif") no-repeat;
}

.websiteLink {
	max-width: 400px;
	overflow-wrap: break-word;
	overflow: hidden;
	white-space: normal;
}

.dashboardTableTitle {
	padding: 8px;
	font-size: 120%;
	font-weight: bold;
	color: #333;
	background: white;
	text-shadow: 3px 3px 4px #ccc;
	position: relative;
}

.dashboardTableTitle .inlineControl {
	position: absolute;
	right: 0;
	width: auto;
	top: 50%;
	margin-top: -.8em;
	line-height: 1em;
	font-size: 13px;
	text-shadow: none;
}

.buttonBar {
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.buttonBar button {
	border: none;
	background: transparent;
	margin: 4px;
}

.modalDialog {
	/* previously used in standardsPicker, currently in linkeddocpicker */
	display: block;
	position: fixed;
	top: 4%;
	bottom: 4%;
	left: 4%;
	right: 4%;
	width: 92%;
	height: 92%;
	border: 3px solid #039;
	z-index: 1000;
	background-color: #9c9cf5;
	color: white;
}

.modalDialog h1 {
	border-bottom: 3px double black;
	background: #4A68C8 url(table-head-grad.jpg) repeat-x;
	font-size: 12px;
	color: white;
	margin: 0;
	padding: 3px 1em;
	width: auto;
	z-index: 2;
	cursor: move;
}

.modalDialog ul.pumenu {
	float: right;
	margin: 1px;
	padding: 0;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
	z-index: 2;
}

.modalDialog ul.pumenu li {
	margin: 0;
	padding: 0 .5em;
	display: inline;
}

.modalDialog ul.pumenu a:link,.modalDialog ul.pumenu a:visited,.modalDialog ul.pumenu a:active,.modalDialog ul.pumenu a:hover
	{
	text-decoration: none;
	font: bold 12px Verdana, Arial, sans-serif;
	color: white;
}

.modalDialog ul.pumenu a:hover {
	color: black;
	background: #ddd;
	border-style: none
}

.modalDialog .contents {
	height: auto;
	width: auto;
	margin: 0;
	padding: 4px 20px 4px 4px;
	overflow: scroll;
	color: black;
	background-color: white;
	z-index: 2
}

.modalDialog .dialogLayout {
	width: 100%;
	height: 100%;
	background: white;
	color: black;
	position: relative;
}

.modalDialog .dialogLayout .headerPane {
	position: absolute;
	top: 0;
	left: 0;
	height: 23px;
	right: 0;
}

.modalDialog .dialogLayout .displayPane {
	position: absolute;
	top: 23px;
	left: 0;
	right: 0;
	bottom: 60%;
	overflow-y: scroll;
}

.modalDialog .dialogLayout .pickerPane {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 40%;
	height: auto;
	border-top: 3px solid #039;
	overflow-y: scroll;
}

.modalDialog .note {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: Red;
	margin: 6px auto 6px auto
}

.majorDialog .dijitDialogPaneContent {
	padding: 0;
}

.majorDialog .dijitDialogCloseIcon {
	display: none;
}

.majorDialog .dialogContent .displayPane {
	overflow-y: scroll;
	height: 40%;
	padding: 4px;
}

.majorDialog .dialogContent .pickerPane {
	overflow-y: scroll;
	/*	height: 60%; */
	padding: 4px;
	border-top: 4px ridge #039;
	margin-top: 4px;
}

.majorDialog .dialogContent .dialogButtonBar {
	margin: 0;
	padding: 10px 5em;
}

/*.majorDialog .dialogContent .dialogButtonBar button {
	-webkit-animation: blink 10s infinite 1s;
	animation: blink 10s infinite 1s;
}
.majorDialog .dialogContent .dialogButtonBar button+button {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
*/
.noCloseDialog .dijitDialogCloseIcon {
	display: none;
}

@
-webkit-keyframes blink { 0%,5%,10%,100% {
	box-shadow: none;
	top: 0;
	-webkit-transform: scale(1);
	-webkit-animation-timing-function: ease-out;
}

2
.5 %, 7.5 % {
	box-shadow: 0 0 2px 2px #039;
	top: -.25em;
	-webkit-transform: scale(1.2);
	-webkit-animation-timing-function: ease-out;
}

}
@
keyframes blink { 0%,5%,10%,100% {
	box-shadow: none;
	top: 0;
	transform: scale(1);
	animation-timing-function: ease-out;
}

2
.5 %, 7.5 % {
	box-shadow: 0 0 2px 2px #039;
	top: -.25em;
	transform: scale(1.2);
	animation-timing-function: ease-out;
}

}
.version {
	position: absolute;
	bottom: 0;
	right: 1px;
	background: lightgray;
	padding: 0 2px;
	border-radius: 3px;
	border: 1px solid gray;
	opacity: .5;
	font-size: .8em;
}

.cupWebSite a:link {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}

.controlGroup {
	margin-top: 5px;
	margin-bottom: 5px;
}

.cupHilite {
	font-weight: bolder;
	color: black;
	background-color: #CFC;
	border-width: 2px;
	border-style: solid;
	border-color: #060;
	padding-left: .25em;
	padding-right: .25em;
	border-radius: 5px;
	display: inline-block;
	text-indent: initial;
}

.cupHLgreen {
	background-color: #CFC;
	border-color: #060
}

.cupHLblue {
	background-color: #CCF;
	border-color: #039
}

.cupHLred {
	background-color: #FCC;
	border-color: #600
}

.cupHLcyan {
	background-color: #CFF;
	border-color: #066
}

.cupHLpurple {
	background-color: #C9F;
	border-color: #306
}

.cupMultiColumnCB {
	display: block;
	width: auto;
}

.cupMultiColumnCB tbody,.cupMultiColumnCB tr {
	display: inline;
}

.cupMultiColumnCB td {
	display: inline-block;
}

@media screen {
	html {
		height: 100%;
		overflow: hidden;
		background: #F0F0F0;
	}
	body { /* bg was CCF */
		height: 100%;
		overflow: hidden;
		background: #F0F0F0;
	}
	.content {
		position: absolute;
		top: 71px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		width: auto;
		height: auto;
		overflow-x: auto;
		overflow-y: scroll;
		-webkit-overflow-scroll: touch;
		padding: 3px 10px;
		margin: 0;
		border-top: 1px solid #888;
	}
	iframe {
		width: 97%; /*height: 100%;*/
	}
	.collapsed /*, fieldset.collapsed */ {
		background: white;
		padding: 5px 1em
	}
	.collapsed:before /*, fieldset.collapsed:before */ {
		content: 'click above to expand';
		text-align: left;
		display: block;
		color: #333
	}
	.collapsed>* /*, fieldset.collapsed>**/ {
		display: none
	}
	.collapsed>.label /*, fieldset.collapsed>legend */ {
		display: block
	}
	.collapsed>.label>.twistie /*,fieldset.collapsed>legend:after*/ {
		/*background-image: url('expand-plus.gif');*/
		
	}
	.collapsed>.label>.twistie:before {
		content: "\00ff0b";
	}
	.calendarView {
		width: 100% !important;
	}
	.cupListCollapsible+button {
		background: #f4f7fc;
		border: 1px solid #c4d8f2;
		border-radius: 4px;
		padding: 1px .5em;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 1px;
		position: relative;
		top: 2px;
	}
	.cupListCollapsible+button:before {
		content: '<--';
	}
	.cupListCollapsed .lotusInlineList span:nth-child(1n+6)
	{
		display:none;
	}

	.cupListCollapsed+button:before {
		content: '...';
	}

}
@media print {
	html {
		height: auto;
		overflow: visible;
	}
	body {
		height: auto;
		overflow: visible;
		background: white;
		font: 9pt/ 1.5 Arial, sans-serif;
	}
	body.cupLandscape {
		page: cupLandscape;
	}
	#menuBar {
		display: none;
		visibility: hidden;
		height: 0px;
		overflow: hidden;
	}
	.content {
		position: static;
		height: auto;
		width: auto;
		left: 0px;
		right: 0px;
		overflow: visible;
		padding-top: 0px;
		overflow: visible;
	}
	body .sectionHead {
		background: none !important;
		color: black !important;
	}
	body .sectionHeader,body .sectiongroup .label,.sectiongroup,.section,.hier td,.view td,.embedded td,ul.tabbed li
		{
		border: none !important;
		background: none !important;
		color: black !important;
	}
	.embedded table,table.embedded {
		border-width: 1px;
		border-color: black;
	}
	iframe {
		width: 97%; /*height: 100%;*/
		border: none;
	}
	#help {
		display: none
	}
	.helpicon {
		display: none;
	}
	#mailAuthors {
		display: none;
	}
	.sectiongroup,.section {
		page-break-inside: avoid;
	}
	ul.tabbed {
		page-break-after: avoid;
	}
	.collapsible>.label>.twistie {
		display: none;
	}
	.calendarView {
		width: 850px !important;
	}
	.controlGroup {
		display: none !important;
	}
	thead {
		page-break-after: avoid;
		display: table-header-group;
	}
	.mainDocument {
		background: none;
		border: none;
	}
}

@page cupLandscape {
	size: letter landscape;
	marks: crop cross;
}