/*<!-- comment tags are not supposed to be in an external css file*/

/* Global cascading style sheet: this is the "default" (global) layout;
   individual learning spaces can create and maintain style sheets that
   override any or all of these properties; at some point, it is intended
   that individual users will also be able to override any properties from
   the global or learning space-specific settings
*/

/* general classes */

.left				{ text-align: left; }
.center				{ text-align: center; }
table.center			{ margin-left: auto; margin-right: auto; }
.center > table			{ margin-left: auto; margin-right: auto; text-align: left; }
.right				{ text-align: right; }
.top				{ vertical-align: top; }
.middle				{ vertical-align: middle; }
.bottom				{ vertical-align: bottom; }
.highlight			{ font-weight: bold;
				  color: rgb(0,0,0); }
.bold				{ font-weight: bold; }
.noBorder			{ border: 0px; }
img				{ border: 0px; }

/*
the following css is an attempt at using divs/spans to layout the page instead of tables, but it didn't work very well
now, it is only included if we are going to try and use that layout, which is probably never.
*/

.tbl, .tblRow, .tblCell
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	vertical-align: top;
	overflow: visible;
	margin: 0px;
}

.tbl, .tblRow
{
	font-size: 0px;
	padding: 0px;
}

.tbl
{
	clear: none;
	width: auto;
	display: table;
}

.tblRow
{
	clear: both;
	width: 100% !important;
	 display: table-row;
}

.tblCell
{
	
	display: table-cell;
	clear: none;
	
}


.centerButton			{ text-align: center!important; }
.hidden				{ display: none!important; }



/* Table Centering Properties
   Usage:	Since <table> is a block-level element, it cannot be centered using
		a <table class="center"> method; 'class="center"' only applies to
		in-line elements such as text.
   Instead, it must be presented (for cross-browser compatibility) as follows:
	<div class="center">
	<table>
	...
	</table>
	</div>
   See (http://theodorakis.net/tablecentertest.html) for more information.
*/
.listingCaption			{display:none;}
.AdminBG			{background-color: #F5F5F5;}
td, th				{ font-size: x-small; text-align: left; }

.AEFHC, .AEFCC, .adminEditFormTitle, .CLFHR, .CLFLC, CLFRC {
	padding: 4px;
	margin: 1px;
}
.AEFC {
	vertical-align:top;
}
.AJAXDivHideRefreshLink
{
	display: none;
}

ul.navLinkTable {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	/* width: 100%; */
}
ul.navLinkTable1TOP {
	text-align: center;
}
.navLinkTable li {
	display: block;
}
.NavLIContents {
	display: block; clear: both;
}
.NavLIContents1TOP, div.navLinkTable1ContentTOPDiv {
	display: inline; clear: none;
}

div.navLinkTableContentDiv, div.navLinkTableSpacerDiv, li.navLinkTable1ContentTOP, div.navLinkTable1TOP {
	display: inline;
}

span.bodyHomeTable, span.bodyTable {
	display: block!important;
}

span.headerTablelt, span.preTopNavTable, span.navTable { 
 	float:left!important;
}
span.headerTableRight, span.topNavTable {
 	float:right!important;
}
span.navTable, span.bodyHomeTable, span.bodyTable { 
 	height:100%;
}
span.bodyHomeTable, span.bodyTable { 
 	margin-left: 200px;
}

.headerTableRightTitle {
 	float:right;
 	padding:4px;
}
.headerTableRightTitle span {
	text-align:right;
}

.rightHandContent {
	width: 25%;
	vertical-align: top;
}

#cometInfoBox {
	z-index:9999;
	position:absolute;
	top:0px;
	left:50%;
	width:600px;
	margin-left:-300px;
	
	border:2px solid black;
	border-top: 0px;
	background-color:#ffff00;
	padding:2px;
	
	text-align:center;
	vertical-align:middle;
	
}
body>#cometInfoBox {
	position:fixed;
}

/* general (default) properties */

.pageFormat			{ width:  100%; }

body				{ background-color: rgb(255,255,255);
				  margin-left: 0px;
				  margin-top: 3px;
				}
body, p, div, li, td, th, span, table
				{ font-size: small;
				  font-family: Verdana, Arial, Helvetica, sans-serif;
				  color: rgb(0,0,0);
				}

.maintainedSpacingSection
{
	/* font-family: courier, monospace; */
}

.kwsearch_label			{ color: rgb(0,0,0); }
.layoutForeHighlightColour	{ color: rgb(0,0,0); }
.layoutBackHighlightColour	{ background-color: rgb(0,0,0); }

/* Header Properties */

.headerTable			{ white-space: nowrap; }
.headerTablelt			{ white-space: nowrap;
				  padding-left: 15px;
				  padding-top: 15px;
				  width: 160px; }

.headerLearningSpaceTitleText	{ font-family: sans-serif;
				  font-size: x-large;
				  color: rgb(101,138,164);
				}

.headerCommunityTitleText	{ font-family: sans-serif;
				  font-size: large;
				  font-weight: bold;
				  color: rgb(0,0,0);
				}

.headerCommunityText		{ font-family: sans-serif;
				  font-size: x-small;
				  color: rgb(0,0,0);
				}

.headerCommunityLinkText	{ font-family: sans-serif;
				  font-size: x-small;
				  font-weight: bold;
				  line-height: 1.5;
				}

.prelimHeader			{ font-weight: bold;
				}

/* Navigation Properties */

.navTable			{ vertical-align: text-top;
				  font-family: sans-serif;
				  color: rgb(0,0,0);
				  width: 200px;
				  margin-left: 0px;
				  padding-left: 0px;
				}
.topNavTable			{ width: auto;
				}

.navLinkTable			{ width: 100%;
				  vertical-align:top;
				}
.navLinkTable1			{ padding-bottom: 2px;
				  padding-top: 2px;
				  vertical-align:top;
				}
.navLinkTable2, .navLinkTable3, .navLinkTable4, .navLinkTable5 { vertical-align:top; }

.sitemapPageTitle		{ text-align: center; font-size: large; color: #000000; }

.sitemapTableDiv		{ text-align: center; }

/* etc., etc. - can be defined for as many levels as there are in the navigation menu... */

a:link.navLink1			{ text-decoration: none;
				  font-size: small;
				  font-weight: bold;
				  color: rgb(0,0,0);
				}
a:visited.navLink1		{ text-decoration: none;
				  font-size: small;
				  font-weight: bold;
				  color: rgb(0,0,0);
				}
a:active.navLink1		{ text-decoration: underline;
				  font-size: small;
				  font-weight: bold;
				}
a:hover.navLink1		{ text-decoration: underline;
				  font-size: small;
				  font-weight: bold;
				}
a:link.navLink2			{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:visited.navLink2		{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:active.navLink2		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
a:hover.navLink2		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
a:link.navLink3			{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:visited.navLink3		{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:active.navLink3		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
a:hover.navLink3		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
a:link.navLink4			{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:visited.navLink4		{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:active.navLink4		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
a:hover.navLink4		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
a:link.navLink5			{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:visited.navLink5		{ text-decoration: none;
				  font-size: x-small;
				  font-weight: bold;
				}
a:active.navLink5		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
a:hover.navLink5		{ text-decoration: underline;
				  font-size: x-small;
				  font-weight: bold;
				}
/* etc., etc. - can be defined for as many levels as there are in the navigation menu... */

.navSearch			{ border: 0px;
				  font-size: x-small;
				  color: rgb(0,0,0);
				}

/* Body Properties */

a:link				{ text-decoration: none;
				  color: rgb(0,0,255);
				}
a:visited			{ text-decoration: none;
				  color: rgb(128,0,128);
				}
a:active			{ text-decoration: underline; }
a:hover				{ text-decoration: underline; }

.bodyTable			{ font-size: x-small;
				  color: rgb(0,0,0);
				  text-align:center;
				}
.bodyHomeTable			{ font-size: x-small;
				  color: rgb(0,0,0);
				}
.bodyPageTitle			{ font-size: large;
				  text-align: center;
				  color: rgb(0,0,0);
				}
.bodyListingTitle		{ font-size: large;
				  text-align: center;
				  color: rgb(0,0,0);
				  font-weight: bold;
				}
.mainBodyPageTable, .mainBodyPageTable td
				{ vertical-align: top;
				  text-align:left;
				}
.bodyPageDescription		{ font-size: x-small;
				  color: rgb(0,0,0);
				}
.bodyAdminTitle			{ font-weight: bold;
				  font-size: medium;
				  line-height: 2.5;
				  vertical-align: middle;
				  text-align: center
				}
.AdminTable 			{ width:80%;
				  padding:3px; /* formerly cellpadding which does not exist */
				  border-spacing:2px; /* formerly cellspacing which does not exist */
				}
.bodyLinkColourCell		{ background-color: rgb(154,175,205); }		/* Formerly "LinkColour" on some table cells */

.adminUpdateMessage		{ text-align: center;
				  font-weight: bold; }

.addAnEntry			{ text-align: center; }
.submissionErrors ul		{ display: inline-block; padding-left: 1.4em; text-align: left; }

.adminListingTable		{ border-collapse: collapse;
				  border: 1px solid black;
				  width: 98%;
				}
.adminListingTableHeader	{ background-color: #dddddd; }

.adminListingTableFooter	{ background-color: #dddddd; }

/* Listings Properties */

.listTable			{ border-collapse: collapse;}
.listCell			{ color: rgb(0,0,0);
				  padding: 3px;
				}
.listCellNoMatch		{ text-align: center; }
.listHeader			{ font-weight: bold;
				  color: rgb(0,0,0);
				  padding: 3px;
				  vertical-align: top;
				}
.listHeaderSortText		{ vertical-align: top; }
.listHeaderSortImg		{ vertical-align: top; }
.listHeaderDesc			{ font-weight: normal;
				  font-size: xx-small;
				}
.listTableFooterRow		{ text-align: center; }
.listTableFooterCell		{ text-align: center; }
.listFooter			{ }

/* Forms properties... */
.adminEditBorderTbl		{ border: 1px solid #cccccc;
				  width: 550px;
				}
.adminEditFormTbl		{ border-collapse: collapse;
				  width: 100%;
				}
.adminEditFormTitle		{ color: #FFFFFF;
				  font-weight: bold;
				  background-color: #000000; }
.CLForm				{ border: 1px solid #cccccc;
				  width: 550px;
				}
.CLFHR, .CLFHC 			{ color: #FFFFFF;
				  font-weight: bold;
				  background-color: #000000; }
				  
/* Search Form Properties */
.searchForm			{ }
.searchFormHeader		{ }
.searchFormContents		{ }
.searchFormFooter		{ }
.searchFormButtonSearch		{ }

/* currently total 580 (in adminfileactionselect)... */
.adminFileSelectColChoose	{ width: 70px; }
.adminFileSelectColView		{ width: 70px; }
.adminFileSelectColName		{ width: 340px; }
.adminFileSelectColSize		{ width: 70px; font-size: x-small; }
.adminFileSelectColModified	{ width: 100px; font-size: x-small; }

/* admin footer properties... */

.adminBottomNavigationTable	{ width: 100%; border-collapse: collapse; }
.adminBottomNavigationTopTR	{ background-color: #e0e0e0; height: 1px; }
.adminBottomNavigationTopTD	{ }
.adminBottomNavigationCopyrTR	{ background-color: #f4f4f4; height: 18px; }
.adminBottomNavigationCopyrTD	{ color: #708090; font-size: x-small; text-align: center; }
.adminBottomNavigationBotTR	{ background-color: #e0e0e0; height: 1px; }
.adminBottomNavigationBotTD	{ }

/* Calendar Properties */

.calendarHeader			{ background-color: rgb(255,255,255);
				  color: rgb(0,0,0);
				}
.calendarCell			{ background-color: rgb(204,204,204); }
.calendarCellAlt		{ background-color: rgb(153,153,153); }

a:link.calendarLink1		{ color: #00AF33; }
a:visited.calendarLink1		{ color: #00AF33; }
a:active.calendarLink1		{ color: #00AF33; }

a:link.calendarLink2		{ color: #EEEE00; }
a:visited.calendarLink2		{ color: #EEEE00; }
a:active.calendarLink2		{ color: #EEEE00; }

a:link.calendarLink3		{ color: #CD0000; }
a:visited.calendarLin3		{ color: #CD0000; }
a:active.calendarLink3		{ color: #CD0000; }

/* Footer Properties */

.footerTable			{ font-size: x-small;
				  color: rgb(0,0,0);
				}
a:link.footerTablelink		{ color: #000000; }
a:visited.footerTablelink	{ color: #000000; }

.legalAgreementButtons		{ text-align: center; }

/* Report Properties */

.reportTable			{ border: 0;
				  width: 100%;
				}

/* MultiSelect Checkbox Properties */
.multBoxTable			{ }
.multBoxCheck			{ vertical-align: top; text-align: left; width: 1%; white-space: nowrap; }
.multBoxDesc			{ vertical-align: top; text-align: left; }

/* Rounded Corners Properties - Do not change these please */

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

/* Properties for popup menus */
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: #00446C;
width: 205px;
}

.anylinkcss ul li a{
width: 195px;
display: block;
text-align: left;
border-bottom: 1px solid black;
text-decoration: none;
font-weight: bold;
padding: 1px 5px;
margin-left: 0px;
text-indent: 0px;
}

.anylinkcss a:link{color: white;}
.anylinkcss a:active{color: white;}
.anylinkcss a:visited{color: white;}
.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}

.userOptionLeftCell { vertical-align: top; text-align: right; }
.userOptionRighttCell { vertical-align: top; text-align: left; }


.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
color: #2d2b2b;
border: 1px solid #778;
background: white url(Images/shade.gif) top left repeat-x;
height: 15px;
line-height: 21px; 
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(Images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 100%;
margin-bottom: 0px;
padding: 0px;
}

.tabcontent{
/* display:none; */
}

@media print {
.tabcontent {
display:block!important;
}
}

.requiredField { background-color : #ECFFB3; }
.requiredFieldAsterix { color : #FF0000; font-weight: bold; }
.problemField { background-color : #ff9999; }

.reportHeader { font-size: large; font-weight: bold; }
.reportSubHeader { font-size: medium; font-weight: bold; }

.cke_show_borders{
	width:auto!important;
}

/*-->*/

/* ADMINSOCIALNETOWRKING STYLES */
.snPage { text-align: center; margin: 2% }
.snBody { text-align: left; margin: 2% }
/*------------------------------*/

/* general styling for nav */
ul.siteNav, ul.siteNav *, label[for=siteNav-TOP] {
	box-sizing: border-box;
}
ul.siteNav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 200px;
}
ul.siteNav ul {
	padding-left: 1em;
	width: 100%;
}
ul.siteNav li { 
	margin: 0px; 
	padding: 0px; 
	display: block;
	position: relative;
	z-index: auto;
}
input[id^=siteNav-] {
	display: none;
}

/* special styling for first level of top nav */
ul.siteNavTOP {
	background-color: #ffffff;
	}
@media screen and (min-width: 600px) {
	ul.siteNavTOP {
		width: 100%;
		text-align: right;
		background-color: transparent;
	}
	ul.siteNavTOP ul {
		padding-left: 0px;
		width: 200px;
		background-color: #ffffff;
		text-align: left;
	}
	ul.siteNavTOP ul ul {
		padding-left: 1em;
		width: 100%;
	}
	ul.siteNavTOP li {
		display: inline-block;
	}
	ul.siteNavTOP ul li {
		display: block;
	}
}

/* general styling for links/labels */
ul.siteNav a, ul.siteNav label, label[for=siteNav-TOP] {
	display: block; 
	padding: 0.5em;
	margin: 0px;

	background-color: transparent;
	color: #333333;

	text-align: left;
	text-decoration: none;
	font-weight: bold;

	border: none; 
	border-bottom: 1px dotted black;
	cursor: pointer;
	width: 100%;
}
ul.siteNav ul {
	border-bottom: 1px dotted black;
}
ul.siteNav li:last-child a, ul.siteNav li:last-child label, ul.siteNav li:last-child ul, label[for=siteNav-TOP] {
	border-bottom: 0px;
}
ul.siteNav a:hover, ul.siteNav label:hover, label[for=siteNav-TOP]:hover {
	text-decoration: underline;
}
.siteNavSelected {
	font-style: italic;
}

@media screen and (min-width: 600px) {
	/* special styling for first level of top nav links/labels */
	ul.siteNavTOP a, ul.siteNavTOP label, label[for=siteNav-TOP] {
		border: none;
		/*
		background-color: #666666;
		color: #ffffff;
		border: 1px solid #999999;
		border-bottom: 0px;
		*/
	}
	ul.siteNavTOP ul a, ul.siteNavTOP ul label {
		/*
		background-color: transparent;
		color: #333333;
		*/
	}
	
	label[for=siteNav-TOP] {
		display: none;
	}

	/* other styling for secondary levels of top nav */
	ul.siteNavTOP ul {
		background-color: #ffffff;
		border: 1px solid #999999;
		position: absolute;
		z-index: 9999;	
	}
	ul.siteNavTOP ul ul {
		border: none;
		border-bottom: 1px dotted black;
		position: static;
	}
	ul.siteNavTOP ul li:last-child ul {
		border-bottom: 0px;
	}
	ul.siteNavTOP ul a, ul.siteNavTOP ul label {
		border: none; 
		border-bottom: 1px dotted black;
	}
	ul.siteNavTOP ul li:last-child a, ul.siteNavTOP ul li:last-child label {
		border-bottom: 0px;
	}

	/* allow the top nav to expand/contract */
	label[for=siteNav-TOP] + ul > li > label[for^=siteNav-]:hover + ul,
	label[for=siteNav-TOP] + ul > li > label[for^=siteNav-] + ul:hover { 
		display: block;
	}
	ul.siteNavTOP ul {
		display: none;
	}
}
input#siteNav-TOP:checked + label + ul,
ul.siteNavTOP ul input[id^=siteNav-]:checked + label + ul { 
	display: block;
}

/* insert text after labels that can expand/contract */
input#siteNav-TOP + label[for=siteNav-TOP]::after {
	content: '\2630\a0 MENU\a0\25BC';
}
input#siteNav-TOP:checked + label[for=siteNav-TOP]::after {
	content: '\2630\a0 MENU\a0\25B2';
}
ul.siteNavTOP input[id^=siteNav-] + label::after {
  content: '\a0\25BC';
}
ul.siteNavTOP input[id^=siteNav-]:checked + label::after {
  content: '\a0\25B2';
}
@media screen and (min-width: 600px) {
	ul.siteNavTOP input[id^=siteNav-] + label::after,
	ul.siteNavTOP input[id^=siteNav-]:checked + label::after {
	  content: '\a0\25B6';
	}
	ul.siteNavTOP ul input[id^=siteNav-] + label::after {
	  content: '\a0\25BC';
	}
	ul.siteNavTOP ul input[id^=siteNav-]:checked + label::after {
	  content: '\a0\25B2';
	}
}

@media screen and (max-width: 599.9999px) {
	ul.siteNav {
		width: 100%;
		display: none;
	}
	ul.siteNavTOP input[id^=siteNav-]:checked + label + ul { 
		display: block;
	}
}