/*<!-- 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; }

/* 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;  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: 770px) {
	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: 770px) {
	/* 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: 770px) {
	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: 770px) {
	ul.siteNav {
		width: 100%;
		display: none;
	}
	ul.siteNavTOP input[id^=siteNav-]:checked + label + ul { 
		display: block;
	}
}