/*<!-- 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;
}
ul.navLinkTable {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	/* width: 100%; */
}
ul.navLinkTable1TOP {
	text-align: center;
}
.navLinkTable li {
	display: inline;
}
.NavLIContents {
	display: block; clear: both;
}
.NavLIContents1TOP {
	display: inline; clear: none;
}

div.navLinkTableContentDiv, div.navLinkTableSpacerDiv, li.navLinkTable1ContentTOP, div.navLinkTable1TOP {
	display: inline;
}
div.navLinkTable1ContentTOPDiv {
	display: inline-block;
}
span.bodyHomeTable, span.bodyTable {
	display: block!important;
}
div.mainHeaderTable, div.mainSurroundingBodyTable, span.preTopNavTable, span.headerTableRight, span.bodyHomeTable, span.bodyTable {
	width:auto;
}
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:1px solid black;
	background-color:#eeeeee;
	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;
				}

.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; }


.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: middle; text-align: left; }
.multBoxDesc			{ vertical-align: middle; 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 a{
width: 100%;
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; }



/*-->*/

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