/* ecampus-styles.css    Master stylesheet for xPERT eCampus 5.x Updated Style
/
/  Purpose:
/  This is the master stylesheet used on all eCampus pages. It provides
/  style information for all the elements on all the pages.
/  To customize the styles of any of the eCampus pages, please use the
/  custom stylesheets provided. Please do not customize this file.
/
/  Custom stylesheets available:
/  ecampus-custom.css  to customize the styles used on the portal level
/  ???.css             to customize the styles used on the community level
/  ???.css             to customize the styles used on the workspace level
/
/  Version history:
/  2009-01-16 Dennis Shi  Added role/member assignment classes
/  2009-03-04 JF  Added more room header classes
/  2009-04-20 JF  Added urgent message banner classes
/  2009-07-31 JF  CO-1398 Modern look and feel
/  2009-08-21 JF  CO-1398 Modern look and feel - top frame navigation
/  2009-08-25 JF  CO-1851 Add CSS to Self Registration page
/  2009-10-06 JF  CO-1398 Top frame links placement and styles
/  2009-11-18 JF  CO-2242 Profile reorder and allow collapsible sections
/  2009-12-11 JF  CO-2629 Add CSS to EPSS
/  2010-01-11 JF  CO-2921 Modern look and feel - allow change in sepbar height
/  2010-01-29 JF  CO-3110 Skin management screens
/  2010-02-10 JF  CO-2703 CSS (xPERT Access)
/  2010-02-10 JF  CO-3322 Update CSS to the new default and fix merge issues
/  2010-11-10 DS  Added CSS for top navigation. Search for TopNavigation will find all of them.
/  2011-20-11 JF  Updated CSS for top navigation
/ */



/*------------------------------------------------------------------------------------- */
/*---------------------- MAIN: Basic Styles Throughout  ------------------------------- */
/*------------------------------------------------------------------------------------- */


/* General properties of the page as a whole */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

/* General properties of all table cells */
td, th {
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   empty-cells: show;
}

/* Default link properties for the whole site */
a:link, a:visited {
	color: #3654A0;
	text-decoration: none;
}

/* Default behavior of links on rollover */
a:hover {
	color: #4567C0;
	text-decoration: underline;
}

/* Default list properties for the whole site */
li {
   margin-top: .4em;
}

/* System Message */
.system-message {
	font-weight: bold;
	color: red;
	font-size: 1em;
	display: block;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: center;
}
.system-message-noblock {
	font-weight: bold;
	color: red;
	font-size: 1em;
	text-align: center;
}
.system-messageBig {
	font-weight: bold;
	color: red;
	font-size: 16px;
	display: block;
	margin-top: 0px;
	margin-bottom: 3px;
	text-align: center;
}
/* System Error frame */
.SystemErrorDiv {
	background-color: #FFFFCC;
	padding: 30px;
	width: 60%;
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #990000;	
}
.SystemErrorHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #990000;
	text-align: center;
	margin-bottom: 20px;	
}
.SystemErrorContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

/* Horizontal Rule */
.horizontalrule {
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 0px;
  border-bottom: 1px solid #000000;
  width: 100%;
}

/* Used to alternate row shading in long lists */
.RowShade1 {
	background-color: #F7F7F7;
}

/* Used to alternate row shading in long lists */
.RowShade2 {
	background-color: #F7F7F7;
}

/* BreadCrumbBody */
.BreadCrumbBody {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* BreadCrumbText- This is the color of the nonlink text such as => */
.BreadCrumbText {
	font-size: 1em;
	color: #3654A0;
}

/* Link text in the Bread Crumb */
a.BCTLink:link, a.BCTLink:visited {
   color: #3654A0;
   text-decoration: none;
   font-weight: normal;
   margin-top: 0px;
}

/* Hover link text in the Bread Crumb */
a.BCTLink:hover {
	color: #4567C0;
   text-decoration: underline;
   font-weight: normal;
   margin-top: 0px;
}

/* Link text in the Bread Crumb at the current location */
a.BCTLinkLocal:link, a.BCTLinkLocal:visited {
   color: #3654A0;
   text-decoration: none;
   font-weight: normal;
   margin-top: 0px;
}

/* Hover link text in the Bread Crumb at the current location */
a.BCTLinkLocal:hover {
   color: #4567C0;
   text-decoration: underline;
   font-weight: normal;
   margin-top: 0px;
}


/* ------------------------------------------ */
/* ------- Context Sensitive Help ----------- */
/* Works in conjunction with js/fixeddiv.js   */
/* to fix IE6 incompatibility with fixed divs */
/* ------------------------------------------ */
#BodyContainer {
	width: 100%;
}
div.ContextHelpArea {
	position:fixed;
	top: 0px;
	right: 0px;
	width: 150px;
	height: 100%;
	background-color: #FFFF99;
	overflow:auto;
	vertical-align: top;
	font-weight: normal;
	color: #000000;
	padding: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9D9D4F;
}
.ContextHelpTopText {
	font-weight: bold;
	font-size: 11px;
}
.ContextHelpTopicHeading {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* Context Help Bullets */
.ContextHelpArea ul {
	margin-top: 0px;
}
.ContextHelpArea li {
	margin-left: -18px;
	margin-top: 2px;
}

/* ------------------------------------------ */
/* ------------ Header Frame ---------------- */
/* ------------------------------------------ */

/* PortalTopFrameBody */
.PortalTopFrameBody {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

/* CommunityTopFrameBody */
.CommunityTopFrameBody {
	background-color: #FFFFFF;
}

/* ProgramTopFrameBody */
.ProgramTopFrameBody {
	background-color: #FFFFFF;
	margin: 0px;
}

/* Top Left Cell */
.TopFrameLeftCell {
	width: 33%;
	text-align: left;
}

/* Top Center Cell */
.TopFrameCenterCell {
	width: 33%;
	text-align: center;
}

/* Top Right Cell */
.TopFrameRightCell {
	vertical-align: bottom;
	width: 33%;
}

/* Top frame title  */
.TopTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	height: auto;
	width: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index: 0;
	padding-top: 10px;
}
/* Top frame title  */
.TopTitleText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

/* SepBar Container */
#TopFrameSepbarContainer {
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

/* SepBar text properties */
.SepBarText {
   color: #FFFFFF;
   font-weight: bold;
   margin: 0px 0px 0px 0px;
}
/* SepBar Home Link Area */
.SepBarTextHome {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	width: 165px;
}
/* SepBar User Link Area */
.SepBarTextUser {
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	width: 265px;
}

/* SepBar background graphic/color */
.SepBarBackground {
	background-image: url();
	background-repeat: repeat-x;
	height: 20px;
	background-color: #C0C0C0;
}

/* This is a container for the Home link allowing the insertion of a Home icon */
.SepBarHome {
	padding-left: 5px;
}

.SepBarHomeSimpleSearch {
	padding-left: 5px;
}

/* Link text in SepBar */
a.SepBarLink:link, a.SepBarLink:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
}

/* Hover link text in SepBar */
a.SepBarLink:hover {
   color: #666;
   text-decoration: underline;
   font-weight: bold;
   margin-top: 0px;
}

a.SepBarSimpleSearchLink:link, a.SepBarSimpleSearchLink:visited {
	color: #666;
	text-decoration: none;
	font-size: 11px;
	margin-top: 0px;
}

/* Hover link text in SepBar */
a.SepBarSimpleSearchLink:hover {
   color: #000;
   text-decoration: underline;
   margin-top: 0px;
}


/* Link text in UpperNav */
a.UpperNavLink:link, a.UpperNavLink:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

/* Hover link text in UpperNav */
a.UpperNavLink:hover {
	color: #000;
	text-decoration: underline;
}

#TopFrameLinksArea {
	position: absolute;
	right: 0px;
	top: 0px;
	height: auto;
	_height: 50px;
	*height: 50px;
	width: auto;
	_width: 400px;
	*width: 400px;
	overflow: auto;
	padding-left: 40px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #F2F2F2;
	z-index: 100;
}
#TopFrameHomeLink {
	padding-top: 2px;
	padding-right: 10px; 
	padding-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
}

#TopFrameSimpleSearch {
	padding-top: 2px;
	padding-right: 10px; 
	padding-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
}

#TopFrameMyID {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
}

#TopFrameMyRole {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
}

#TopFrameManageLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}

#TopFrameCustomLink1 {
	display: inline;
	float: right;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
}
#TopFrameCustomLink2 {
	display: inline;
	float: right;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
}
#TopFrameCustomLink3 {
	display: inline;
	float: right;
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
}

#TopFrameHelpLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}

#TopFrameQuitLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}

#TopFrameSubscribeLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}
#TopFrameSearchLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}
#TopFramePrintLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}
#TopFrameReviewLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}

/*---------------------------------------------*/
/*---------------Top Navigation Bar -----------*/
/*---------------------------------------------*/
#topNavigation {
	display: none;
	position: absolute;
	height: auto;
	width: 770px;
	left: 100px;
	top: 55px;
	z-index: 12;
	background-image: url();
	background-repeat: repeat;
}
#topNavigationInner {
	border: 2px solid #000;
	margin: 20px;
}

#TopNavigationBar {
	position: absolute;
	right: 0px;
	bottom: 0px;
	height: auto;
	width: auto;
	overflow: auto;
	padding-left: 0px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 100;
}

#TopNavigationBar2 {
	position: absolute;
	right: 0px;
	bottom: 20px;
	height: 30px;
	width: 350px;
	overflow: auto;
	padding-left: 0px;
	z-index: 100;
}

.TopNavBarHome {
	padding-left: 5px;
}

#TopNavigationHomeLink {
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 5px;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}


#TopNavigationSimpleSearch {
	padding-right: 8px;
	padding-left: 8px;
	position: static;
	display: inline;
	float: right;
	font-size: 11px;
	font-weight: normal;
}
.TopNavigationSimpleSearchText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100px;	
}
.TopNavigationSimpleSearchButton {
	font-size: 11px;
}
#TopNavigationSimpleSearchOptionsArea {
	border: 1px solid #CCC;
	padding-top: 2px;
	font-size: 11px;
}
.TopNavigationSimpleSearchCollButton {
	height: 9px;
	width: 9px;
	background-image: url(/pics/btnMinus.gif);
}
.TopNavigationSimpleSearchExpButton {
	height: 9px;
	width: 9px;
	background-image: url(/pics/btnPlus.gif);
}



#TopNavigationMyID {
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationManageLink {
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationButton1 {
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#TopNavigationButton2 {
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#TopNavigationButton3 {
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationHelpLink {
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationQuitLink {
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationSiteLink {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationForumLink {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationDashboardLink {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationKBLink {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

#TopNavigationResourceLink {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	display: inline;
	float: right;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	background-position: 0px;
	background-color: #fff;
	margin-right: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #B4B4B4;
	border-left-color: #B4B4B4;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

a.TopBarLink:link, a.TopBarLink:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
}

#TopNavigationKBMenu {
	display: none;
	position: fixed;
	height: auto;
	width: 600px;
	right: 100px;
	top: 0px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: right;
	z-index: 5;
}

#TopNavigationForumMenu {
	display: none;
	position: fixed;
	height: auto;
	width: 600px;
	right: 100px;
	top: 0px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: right;
	z-index: 5;
}

#TopNavigationSiteMenu {
	display: none;
	position: fixed;
	height: auto;
	width: 600px;
	right: 100px;
	top: 0px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: right;
	z-index: 5;
}

#TopNavigationDashboardMenu {
	display: none;
	position: fixed;
	height: auto;
	width: 600px;
	right: 100px;
	top: 0px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: right;
	z-index: 5;
}

.TopMenuGroup {
	background-image: url();
	background-repeat: repeat-x;
	position: relative;
	background-color: #666;
	margin: 0px;
	padding: 0px;
	width: 170px;
	border: 1px solid #333;
}

.TopMenuSectionHeader {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
	background-image: url();
	background-repeat: repeat-x;
	padding-left: 0px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	position: relative;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}

.TopMenuReadAllNew {
   padding-left: 8px;
   font-size: 10px;
   font-weight: normal;
}

.TopMenuReadAllNewText {
	font-size: 10px;
	font-weight: normal;
	color: #3654A0;
}

.TopLinkCell {
	padding: 0px;
	margin: 0px;
	color: #3654A0;
	font-size: 1em;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
}
.TopMenuLinkText {
	color: #3654A0;
	font-size: 1em;
	font-weight: normal;
}

.TopMenuInactiveLinkText {
	color: #333300;
	font-size: 1em;
	font-weight: normal;
}

/* Style of each left menu link */
a.TopMenuLinkText:link,a.TopMenuLinkText:visited,a.TopMenuLinkText:active {
	font-family : Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
a.TopMenuLinkText:hover {
	color: #333;
	text-decoration: none;
	background-color: #F2F2F2;
}
/* Style of each left menu link */
a.TopMenuReadAllNewText:link,a.TopMenuReadAllNewText:visited,a.TopMenuReadAllNewText:active {
	font-family : Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	font-size: 11px;
}
a.TopMenuReadAllNewText:hover {
	color: #333;
	text-decoration: none;
	background-color: #F2F2F2;
}


/* ------------------------------------------ */
/* -------------- Left Frame ---------------- */
/* ------------------------------------------ */

.LeftFrameBody {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

/* Left menu group */
.LeftMenuGroup {
	width: 90%;
	margin-top: 12px;   /* spacing between groups */
	margin-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #C0C0C0;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-bottom: 17px;
	background-image: url();
	background-repeat: repeat-x;
	position: relative;
}

/* Left menu sub group around individual link areas */
.LeftMenuSubGroup {
	width: 90%;
	margin-left: 2px;
	padding-top: 0px;
}

/* Left menu group */
.LeftMenuSection {
	width: 90%;
	margin-top: 12px;   /* spacing between groups */
	margin-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #C0C0C0;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	background-image: url();
	background-repeat: repeat-x;
}

/***************************************************/
/* Title of left menu group */
/* LeftTitleCell is a general class for all left menu group titles */
.LeftTitleCell {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url();
	background-repeat: repeat-x;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 4px;
	padding-left: 3px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	background-color: #f2f2f2;
	position: relative;
}

/* The following classes are (in addition to the general class above) */
/* specific to each left menu group type */

/* Title of left menu group - Move up one level */
.PortalLeftTitle {
}

/* Title of left menu group - Learning History */
.LearningHistoryLeftTitle {
}

/* Title of left menu group - Communities */
.CommunitiesLeftTitle {
}

/* Title of left menu group - Discussion Rooms */
.DiscussionRoomsLeftTitle {
}

/* Title of left menu group - Dashboards */
.DashboardsLeftTitle {
}

/* Title of left menu group - Resources */
.ResourcesLeftTitle {
}

/* Title of left menu group - TeamCenters */
.TeamCentersLeftTitle {
}

/* Title of left menu group - Programs */
.ProgramsLeftTitle {
}

/* Title of left menu group - Whos On */
.WhosOnLeftTitle {
}

/***************************************************/


/* Style of each left menu */
.LeftLinkCell {
   padding-left: 5px;
   margin-top: 0px;
   color: #3654A0;
   font-size: 1em;
   font-weight: normal;
}

/* Link Text Left Menu (appears inside the link and therefore takes precidence over the LeftMenuLink class*/
.LeftLinkText {
	color: #3654A0;
	font-size: 1em;
	font-weight: normal;
}

/* Style of each left menu link */
a.LeftMenuLink:link,a.LeftMenuLink:visited,a.LeftMenuLink:active {
	font-family : Arial, Helvetica, sans-serif;
	color: #3654A0;
	text-decoration: none;
	display: block;
}
a.LeftMenuLink:hover {
	color: #4567C0;
	text-decoration: underline;
}

/* Read All New */
.LeftReadAllNew {
   padding-left: 8px;
   font-size: 10px;
   font-weight: normal;
}

/* Read All New */
.LeftReadAllNewText {
	font-size: 10px;
	font-weight: normal;
	color: #3654A0;
}
/* Style of each left menu link */
a.LeftMenuRANLink:link,a.LeftMenuRANLink:visited,a.LeftMenuRANLink:active {
	font-family : Arial, Helvetica, sans-serif;
	color: #3654A0;
	text-decoration: none;
}
a.LeftMenuRANLink:hover {
	color: #4567C0;
	text-decoration: underline;
}

.LeftMenuSectionHeader {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 0px;
	background-image: url();
	background-repeat: repeat-x;
	padding-left: 0px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	position: relative;
}

/* This is the container that is used to enable scrolling of left menu groups */
.LeftMenuGroupScroll {
	height: 76px;   /*This is appropriate for about 7 items in the scrollable list */
	width: 100%;   /*This needs to be checked that it does not interfere with the frame scroll bar */
	overflow-y: auto;
	overflow-x: hidden;
	/* Custom Scrollbars are non-standard CSS and are only visible in IE5.5+ */
	scrollbar-face-color: #aabbdd;
	scrollbar-arrow-color: #114488;
	scrollbar-base-color: #335599;
	scrollbar-shadow-color: #223377;
	scrollbar-darkshadow-color: #223377;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #E8E8E8;
	scrollbar-track-color: #aabbdd;
}

/* Area where Show/Hide buttons are located */
.CollGroupControls {
	display: block;
	position: absolute;
	height: 9px;
	width: 9px;
	top: 7px;
	right: 2px;
	cursor: pointer;
}
.CollButton {
	height: 9px;
	width: 9px;
	background-image: url(/pics/btnMinus.gif);
}
.ExpButton {
	height: 9px;
	width: 9px;
	background-image: url(/pics/btnPlus.gif);
}



/* ------------------------------------------ */
/* ------------ Center Frame ---------------- */
/* ------------------------------------------ */

/* Center Frame Body Tier 1 */
.CenterFrameBodyPortal {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* Center Frame Body Tier 2 */
.CenterFrameBodyPR {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* Center Frame Columns */
.CenterFrameColumn {
	width: 95%;	
}

/* Page area on a DR Item list page */
#Page {
	display:block;
	width:97%;
	z-index:1;
}

/* Communities/Workspaces List Table */
.CenterFrameListTable {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #C0C0C0;
	width: 800px;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.CenterFrameListTable2 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	background-color: #C0C0C0;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
/* Communities/Workspaces List Header */
.CenterFrameListHeader {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
}
.CenterFrameListHeader2 {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-width: 0;
	border-top-style: solid;
	border-top-color: #C0C0C0;
}
.CenterFrameListTableCell {
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFFFFF;
}

/* Communities/Workspaces List Header Comment */
.CenterFrameListHeaderComment {
	font-size: .8em;
	font-weight: normal;
}

/* Center Frame Communities/Workspaces List Field Label */
.CenterFrameListFieldLabel {
	font-size: 1em;
	font-weight: bold;
}

/* Title for Center Frame features like Picture Block */
.CenterFrameFeatureTitle {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	width: 100%;
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-width: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #C0C0C0;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	position: relative;
}

/* Title text */
.CenterFrameFeatureTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

/* *********************************************************************************** */
/* ***************** Specific Center Frame Widget Header Titles ********************** */
.CenterFrameHotDiscussionsTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFrameNewDiscussionsTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFrameHotResourcesTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFrameNewResourcesTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFramePictureBlockTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFrameBlogTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFrameFeaturedPersonTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFrameAnnouncementsTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.CenterFrameWhosOnTitleText {
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}



/* Container for Center Frame features */
.CenterFrameFeatureArea {
	background-color: #FFFFFF;
	/*background-image: url(/pics/graphics/AreaBackground.jpg);*/
	/*background-repeat: repeat-x;*/
	margin-bottom: 20px;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Area Content */
.CenterFrameFeatureAreaContent {
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

/* Container for Center Frame Graphics */
.CenterFrameFeatureAreaforGraphic {
	margin-bottom: 20px;
	width: 100%;
}

/* Space appearing below a center frame feature */
.CenterFrameFeatureSpacer {
	height: 0px;
	overflow: hidden;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
}

/* Link Text of names under picture block photos */
a.CenterFramePictureBlockText:link,a.CenterFramePictureBlockText:active,a.CenterFramePictureBlockText:visited {
	font-size: .9em;
	font-weight: normal;
	color: #3654A0;
}

/* Link Text of names under picture block photos */
a.CenterFramePictureBlockText:hover {
	color: #4567C0;
	text-decoration: underline;
}

/* Text for Who's On names */
.CenterFrameWhosOnName {
	font-size: 1em;
	font-weight: normal;
}

/* Center Frame News Title */
.CenterFrameNewsTitle {
	font-size: 1em;
	font-weight: Bold;
	padding-bottom: 2px;
}

/* Center Frame News Intro */
.CenterFrameNewsIntro {
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 6px;
}

/* Line between news stories */
.CenterFrameNewsSeperator {
	height: 20px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}

/* Center Frame Featured Person Text */
.CenterFrameFeaturedPersonText {
	font-size: 1em;
	font-weight: normal;
}

/* Center Frame Text Block */
.CenterFrameTextBlock {
	font-size: 1em;
	font-weight: normal;
}

/* Center Graphic 1 Cell */
.CenterFrameGraphic1 {
	text-align: center;
}

/* Center Graphic 2 Cell */
.CenterFrameGraphic2 {
	text-align: center;
}

/* Center Graphic 3 Cell */
.CenterFrameGraphic3 {
	text-align: center;
}

/* Properties of images posted to Center frame non-linked */
.CenterFrameGraphics {
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}

/* Properties of images posted to Center frame *linked* */
.CenterFrameGraphicsLinked {
	border-bottom-style: none;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
}

/* Activity Dates Table */
.ActivityDatesTable {
	border-top-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-left-color: #C0C0C0;
	width: 95%;
}
.ActivityDatesHeader {
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	background-color: #F2F2F2;
}
.ActivityDatesLabelRow {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
.ActivityDatesLabel {
	font-weight: bold;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
.ActivityDatesCellStatus {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
.ActivityDatesCellName {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
.ActivityDatesCellStart {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
.ActivityDatesCellEnd {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
}
.ActivityDatesCellFooter {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #C0C0C0;
	border-bottom-color: #C0C0C0;
	text-align: right;
}


/* Action Menu Area is the uppermost area in a DR Item list page */
#ActionMenuArea {
	display:block;
	top:0;
	right:0px;
	width:100%;
	position:fixed;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 0px;
	z-index:2;
	background-color: #FFFFFF;
}
.ActionMenuDropList {
	background-color: #EEEEEE;
	border-left-style: solid;
	border-left-color: #B3B3FF;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #B3B3FF;
	border-right-width: 1px;
	width: 100px;
}
a.ActionMenuDropListItem:link,a.ActionMenuDropListItem:visited,a.ActionMenuDropListItem:active {
	display: block;
	width: 100%;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3B3FF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
a.ActionMenuDropListItem:hover {
	color: #FFFFFF;
	background-color: #3960A8;
	text-decoration: none;
}

/* Action bar */
/* Please note that this class is not supported on all pages! */
.ActionBarButtons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	float: right;
	margin-left: 0px;
	margin-right: 10px;
	font-weight: bold;
	cursor: pointer;
	height: 18px;
	border-right-style: none;
	border-right-color: #CCCCFF;
	border-right-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	padding-right: 0px;
	cursor: pointer;
}

.EpssActionBarButtons {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	float: right;
	margin-left: 0px;
	margin-right: 10px;
	font-weight: bold;
	cursor: pointer;
	height: 15px;
	border-right-style: none;
	border-right-color: #CCCCFF;
	border-right-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	padding-right: 0px;
	cursor: pointer;
	position: absolute;
	background-color: #FFFFFF;
	bottom: 0px;
	right: 0px;
	width: 100%;
}

/* Used to add icons to the action bar */
#SearchAB {
}
#FlagsAB {
}
#FlagAB {
}
#GoToAB {
}
#SubscribeAB {
}
#PrintAB {
}
#ManageAB {
}
#LocatorAB {
}
#WikiAB {
}


/* Action bar */
/* Please note that this class is not supported on all pages! */
.ActionBarButtons2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-right-style: solid;
	border-right-color: #CCCCFF;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	margin-right: 2px;
	padding-right: 2px;
	cursor: pointer;
	height: 15px;
	color: #FF0000;
}

/* Action bar */
.ActionBarButtons3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-right-style: solid;
	border-right-color: #CCCCFF;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	margin-right: 2px;
	padding-right: 2px;
	cursor: pointer;
	height: 15px;
	color: #C0C0C0;
}

/* Action bar */
/* Used as the dropdown menu for Manage Item and Manage Response */
.ActionBarButtons4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right-style: solid;
	border-right-color: #CCCCFF;
	border-right-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	margin-right: 2px;
	padding-right: 2px;
	cursor: pointer;
	height: 15px;
	color: #000000;
}
.ResponseActionBar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right-style: none;
	border-right-color: #CCCCFF;
	border-right-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	margin-right: 6px;
	padding-right: 2px;
	cursor: pointer;
	height: 15px;
	color: #666666;
	display: inline;
}
.ResponseActionMenuDropList {
	background-color: #EEEEEE;
	border-left-style: solid;
	border-left-color: #B3B3FF;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-color: #B3B3FF;
	border-right-width: 1px;
	width: 70px;
	text-align: left;
}
a.ResponseActionMenuDropListItem:link,a.ResponseActionMenuDropListItem:visited,a.ResponseActionMenuDropListItem:active {
	display: block;
	width: 100%;
	cursor: pointer;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B3B3FF;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	color: #000000;
}
a.ResponseActionMenuDropListItem:hover {
	background-color: #3960A8;
	text-decoration: none;
	color: #FFFFFF;
}

/* Center frame RSS Error text */
.HelpDivTip {
	background-color: #FFFFCE;
	text-align: left;
	padding: 10px;
	width: 200px;
	border: 1px solid #999999;
}


/* OLD Action bar class used on pages that have not been CSS updated */
/* Please note that pages that have not been CSS updated may not see this CSS file! */
.buttnbar {
	font-weight: bold;
	border-right-style: solid;
	border-right-color: #CCCCFF;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	margin-right: 2px;
	padding-right: 2px;
	cursor: pointer;
	height: 15px;
}


/* ------------ Dashboard NEW ------------------ */
#DashboardNHeader {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #3f576a;
	background-image: url(/pics/dashheader.jpg);
	background-position: right;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-left-color: #000;
	-moz-border-top-left-radius: 6px;
	-moz-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
#DashboardNHeaderText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding: 4px;	
}
#DashboardNContainer {
	background-color: #f2f2f2;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #000;
	-moz-border-bottom-left-radius: 6px;
	-moz-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

/* ------------ Dashboard OLD Styles ----------- */
#DashboardContainer {
	width: 80%;
	border: 1px solid #666666;
	padding: 0px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}
#DashboardHeader {
	background-image: url(/pics/dashboard1.jpg);
	background-repeat: repeat-x;
	height: 85px;
	width: 100%;
}
.DashboardTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	padding: 10px;
	font-weight: bold;
}
.DashboardLeftColumn {
	width: 40%;
	vertical-align: top;
	background-color: #FFFFFF;
}
.DashboardCenterColumn {
	width: 20%;
	vertical-align: top;
	background-color: #F2F2F2;
}
.DashboardRightColumn {
	width: 40%;
	vertical-align: top;
	background-color: #FFFFFF;
}
.DashboardSectionHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 6px;
}
.DashboardReadAll {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;	
}
#DashboardContainer ul {
	margin: 0px;
	padding: 0px;	
}
#DashboardContainer li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/* --------------------------------------------- */
/* ------------ Discussion Room ---------------- */
/* --------------------------------------------- */

/* Set the wiki response page */
.WikiRespHeader {
	background-color: #ffffcc;
}

.WikiRespBody {
	background-color: #ffffcc;
	height: 400px;
}

/* Set the left margin for the Item Body Page */
.DRBody {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
}
/* Discussion Room List Options eg. Read All Items, Add a Discussion Item */
.DRListOptions {
	font-size: 1em;
	font-weight: bold;
	padding-right: 10px;
	display: inline;
}

/* Div containing the DR List Table */
.DRListTableContainer {
	border: 1px solid #C0C0C0;
	background-image: url();
	background-repeat: repeat-x;
	margin-top: 10px;
}
/* Table containing the DR List */
.DRListTable {
	background-color: #FFFFFF;
	width: 100%;
	border: 1px none #CCCCCC;
}

/* Header Row of the table containing the DR List */
.DRListTableHeaderRow {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #C0C0C0;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
}

/* Footer Row of the table containing the DR List (Display Options)*/
.DRListTableFooterRow {
	background-color: #FFFFFF;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Header Row Links of the table containing the DR List */
.DRListTableHeaderRowLinks {
	font-weight: bold;
}


/* ------------------------------------------------------------------ */
/* --- These classes are specific to each column in the item list --- */

/* DR List table cells - ItemNo column */
.DRListCellItemNo {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* DR List table Link text - ItemNo */
.DRListTextItemNo {
	font-size: 1em;
}
/* DR List table cells - ItemName column */
.DRListCellItemName {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* DR List table Link text - ItemName column */
.DRListLinkTextItemName {
	font-size: 1em;
}
/* DR List table Link text - Item Description */
.DRListDescTextItemName {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
/* DR List table cells - Author column */
.DRListCellAuthor {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* DR List table Link text - Author */
.DRListLinkTextAuthor {
	font-size: 1em;
}
/* DR List table cells - New column */
.DRListCellNew {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* DR List table Link text - New */
.DRListLinkTextNew {
	font-size: 1em;
}
/* DR List table cells - Responses column */
.DRListCellResponses {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* DR List table Link text - Responses */
.DRListLinkTextResponses {
	font-size: 1em;
}
/* DR List table cells - Frozen column */
.DRListCellLastActive {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* DR List table Link text - Frozen */
.DRListTextLastActive {
	font-size: 1em;
}
/* DR List table cells - Frozen column */
.DRListCellFrozen {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* Read Only text in the Last Post column in DR List */
.DRLastPostReadOnly {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-align: right;
}

/* ------------------------------------------ */


/* ------------------------------------------------------------------ */
/* --- These 3 classes are legacy classes no longer used but may still*/
/* be referenced by customized CSS on older sites --- */

/* DR List table cells - LEGACY */
.DRListCells {
	background-color: #F7F7F7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* DR List table Link text - LEGACY */
.DRListLinkText {
	font-size: 1em;
}
/* DR List table text - LEGACY */
.DRListText {
	font-size: 1em;
}
/* ------------------------------------------ */


/* ------------------------------------------ */
/* ------- Discussion Room Headers ---------- */
/* ------------------------------------------ */

/* DRHeaderBody */
.DRHeaderBody {
	padding-right: 10px;
}
/* Room Title */
.DRHeaderRoomHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.DRHeaderContainer {
	position: relative;
}
.DRHeaderParticipantsLabel {
	color: #000000;
	font-weight: bold;
}
.DRHeaderParticipantsList {
	color: #3654A0;
}
/* ------- Private Room ---------- */
.DRHeaderPrivateRoom {
	position: absolute;
	left: 280px;
	top: 16px;
	width: 160px;
	height: 100px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
/* ------- Private Room Wide ---------- */
.PrivateRoomHeadWideContainer {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 100%;
	border: 1px solid #666666;
	position: relative;
	background-image: url(/pics/privateroomwide.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.PrivateRoomHeadWidePurpose {
	overflow: auto;
	position: absolute;
	height: 80px;
	width: 250px;
	left: 0px;
	top: 0px;
	z-index: 10;
}
.PrivateRoomHeadWidePurpose h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.PrivateRoomHeadWidePurpose p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

/* ------- Conference Room Wide ---------- */
.ConfRoomHeadWideContainer {
	margin: 0px;
	padding: 0px;
	height: 77px;
	width: 100%;
	border: 1px solid #666666;
	position: relative;
	background-image: url(/pics/conf_wide.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.ConfRoomHeadWidePurpose {
	overflow: auto;
	position: absolute;
	height: 77px;
	width: 220px;
	left: 0px;
	top: 0px;
	z-index: 10;
}
.ConfRoomHeadWideHosts {
	overflow: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 77px;
	width: 150px;
	z-index: 5;
}
.ConfRoomHeadWidePurpose h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.ConfRoomHeadWidePurpose p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}
.ConfRoomHeadWideHosts h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.ConfRoomHeadWideHosts p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

/* ------- Event Room ---------- */
.DRHeaderEventRoom {
	position: absolute;
	left: 175px;
	top: 21px;
	width: 150px;
	height: 100px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
/* ------- Event2 Room ---------- */
.DRHeaderEventRoom2 {
	position: absolute;
	left: 175px;
	top: 21px;
	width: 150px;
	height: 100px;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* ------- Event Room Wide ---------- */
.EventHeadWideContainer {
	margin: 0px;
	padding: 0px;
	height: 80px;
	width: 100%;
	border: 1px solid #666666;
	position: relative;
	background-image: url(/pics/event_wide.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.EventHeadWidePurpose {
	overflow: auto;
	position: absolute;
	height: 80px;
	width: 250px;
	left: 0px;
	top: 0px;
	z-index: 10;
}
.EventHeadWidePurpose h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.EventHeadWidePurpose p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

/* ------- Cafe ---------- */
.DRHeaderCafeTitle{
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-bottom-width: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
}
.DRHeaderCafeDescription{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
}
.DRHeaderCafeProprietors{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
}
#DRHeaderCafe {
	background-image: url(/pics/cafe.jpg);
	width: 600px;
	height: 300px;
}
#DRHeaderCafeBillofFare{
	float: left;
	width: 281px;
	height: 140px;
	overflow: auto;
	margin-left: 46px;
	margin-top: 16px;
	display:inline;
	scrollbar-face-color: #666666;
	scrollbar-arrow-color: #C0C0C0;
	scrollbar-base-color: #333333;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-track-color: #333333;
}
#DRHeaderCafeProprietors{
	float: right;
	width: 139px;
	height: 140px;
	overflow: auto;
	margin-right: 84px;
	margin-top: 16px;
	display:inline;
	scrollbar-face-color: #666666;
	scrollbar-arrow-color: #C0C0C0;
	scrollbar-base-color: #181818;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-track-color: #181818;
}

/* ------- Cafe Wide ---------- */
.CafeWideContainer {
	margin: 0px;
	padding: 0px;
	height: 77px;
	width: 100%;
	border: 1px solid #666666;
	position: relative;
	background-image: url(/pics/cafe_wide.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.CafeWidePurpose {
	overflow: auto;
	position: absolute;
	height: 77px;
	width: 220px;
	left: 0px;
	top: 0px;
	z-index: 10;
	background-color: #FFFFFF;
	padding-left: 0px;
}
.CafeWideHosts {
	overflow: auto;
	position: absolute;
	top: 0px;
	left: 220px;
	height: 77px;
	width: 130px;
	z-index: 5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	padding-left: 6px;
}
.CafeWidePurpose h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.CafeWidePurpose p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}
.CafeWideHosts h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.CafeWideHosts p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* ------- Card Template ---------- */
#DRBGHeaderUpperSectionContainer {
	width: 100%;
	border: 1px solid #6AB4DC;
	height: 76px;
	margin-bottom: 10px;
}
#DRBGHeaderUpperSectionText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	height: 42px;
	padding: 5px;
	width: 90%;
	overflow: auto;
	background-color: #FFFFFF;
}
.DRBGHeaderRoomTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	background-color: #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
}
#DRBGHeaderUpperSectionText2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	height: 42px;
	padding: 3px;
	width: 120px;
	overflow: auto;
	background-color: #FFFFFF;
}
.DRBGHeaderModeratorTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 3px;
}
.DRBGHeaderModeratorLinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #339E35;
	font-weight: normal;
}
#DRBGHeaderLowerSectionContainer {
	width: 100%;
	border: 1px solid #6AB4DC;
	height: 70px;
}
#DRBGHeaderLowerSectionText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	height: 35px;
	padding: 5px;
	width: 90%;
	overflow: auto;
	background-color: #FFFFFF;
}
.DRBGHeaderParticipantsTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	background-color: #FFFFFF;
	margin-top: 4px;
	margin-left: 4px;
}
/* ---------------------------------- */


#newsstories {
		background-image: url(/pics/newsstories.jpg);
		width: 600px;
		height: 120px;
}
#stories{
	float: left;
	width: 465px;
	height: 75px;
	overflow: auto;
	margin-left: 7px;
	margin-top: 40px;
	display: inline;
}
.btxt{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
}

#helpdesk {
	background-image: url(/pics/helpdesk.jpg);
	width: 600px;
	height: 120px;
}
#hdcomment{
	float: left;
	width: 255px;
	height: 100px;
	overflow: auto;
	margin-left: 335px;
	margin-top: 10px;
	display: inline;
}

#blogarchive {
		background-image: url(/pics/blogarchive.jpg);
		width: 600px;
		height: 120px;
}
#bacomment{
	float: left;
	width: 465px;
	height: 75px;
	overflow: auto;
	margin-left: 7px;
	margin-top: 40px;
	display: inline;
}

/* ------- Table ---------- */
.DRHeaderTableTitle{
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}
.DRHeaderTableDescription{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
}
.DRHeaderTableHosts{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
#DRHeaderTable {
	background-image: url(/pics/dr-head2.jpg);
	width: 600px;
	height: 300px;
}
#DRHeaderTablePurpose{
	float: left;
	width: 339px;
	height: 149px;
	overflow: auto;
	margin-left: 90px;
	margin-top: 34px;
	display: inline;
	scrollbar-face-color: #DBDBDB;
	scrollbar-arrow-color: #777777;
	scrollbar-base-color: #F3F3F3;
	scrollbar-shadow-color: #949494;
	scrollbar-darkshadow-color: #949494;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #F3F3F3;
	scrollbar-track-color: #F3F3F3;
}
#DRHeaderTableHosts{
	float: right;
	width: 138px;
	height: 154px;
	overflow: auto;
	margin-right: 24px;
	margin-top: 57px;
	display: inline;
	scrollbar-face-color: #DBDBDB;
	scrollbar-arrow-color: #777777;
	scrollbar-base-color: #F3F3F3;
	scrollbar-shadow-color: #949494;
	scrollbar-darkshadow-color: #949494;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #E8E8E8;
	scrollbar-track-color: #E8E8E8;
}

/************ More DR Headers ***************/

/* Admin Room */
#AdminRoomContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/pics/adminroom-bg.jpg);
	background-repeat: repeat-x;
	height: 80px;
	width: 100%;
	position: relative;
	border: 1px solid #999999;
}
#AdminRoomRightArea {
	background-image: url(/pics/adminroom-photo.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 292px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 5;
}
#AdminRoomPurpose {
	height: 78px;
	width: 230px;
	position: absolute;
	left: 10px;
	top: 0px;
	overflow: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A0A0A0;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 10;
}
#AdminRoomParticipants {
	height: 78px;
	width: 150px;
	position: absolute;
	left: 260px;
	top: 0px;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 10;
}
#AdminRoomContainer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
}

/* Blog Header Small */
#BlogHeaderSmallContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/pics/blogbackright.jpg);
	background-repeat: repeat-x;
	height: 103px;
	width: 100%;
	position: relative;
	border: 1px solid #999999;
}
#BlogHeaderSmallLeftArea {
	background-image: url(/pics/blogbackleft.jpg);
	background-repeat: no-repeat;
	height: 103px;
	width: 561px;
	position: relative;
}
#BlogHeaderSmallRightArea {
	background-image: url(/pics/blogpen.jpg);
	background-repeat: no-repeat;
	height: 103px;
	width: 123px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#BlogHeaderSmallPurpose {
	height: 64px;
	width: 300px;
	position: absolute;
	left: 10px;
	top: 36px;
	overflow: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A0A0A0;
	padding-right: 4px;
	padding-left: 4px;
}
#BlogHeaderSmallParticipants {
	height: 64px;
	width: 150px;
	position: absolute;
	left: 330px;
	top: 36px;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
}
#BlogHeaderSmallContainer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
}

/* Help Desk Small */
#HelpDeskSmallContainer {
	height: 85px;
	width: 100%;
	border: 1px solid #B1B1B1;
	position: relative;
	background-image: url(/pics/HelpDesk-smallback.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#HelpDeskSmallPhoto {
	background-image: url(/pics/HelpDesk-smallphoto.jpg);
	height: 85px;
	width: 350px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 15;
}
#HelpDeskSmallPurpose {
	height: 70px;
	width: 300px;
	position: absolute;
	left: 10px;
	top: 12px;
	overflow: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A0A0A0;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 25;
}
#HelpDeskSmallParticipants {
	height: 70px;
	width: 150px;
	position: absolute;
	left: 330px;
	top: 12px;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 25;
}
#HelpDeskSmallContainer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
}

/* Radar */
#RadarHeaderContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(/pics/radar-bg.jpg);
	background-repeat: no-repeat;
	height: 103px;
	width: 100%;
	position: relative;
	border: 1px solid #999999;
}
#RadarHeaderPurpose {
	height: 103px;
	width: 200px;
	position: absolute;
	left: 10px;
	top: 0px;
	overflow: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #A0A0A0;
	padding-right: 4px;
	padding-left: 4px;
}
#RadarHeaderParticipants {
	height: 103px;
	width: 150px;
	position: absolute;
	left: 230px;
	top: 0px;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
}
#RadarHeaderContainer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
}

/* Project Room */
#ProjectRoomContainer {
	margin: 0px;
	padding: 0px;
	height: 77px;
	width: 100%;
	border: 1px solid #666666;
	position: relative;
	background-image: url(/pics/projectroomhead.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 4px;
}
#ProjectRoomPurpose {
	overflow: auto;
	position: absolute;
	height: 77px;
	width: 220px;
	left: 0px;
	top: 0px;
	z-index: 10;
}
#ProjectRoomHosts {
	overflow: auto;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 77px;
	width: 150px;
	z-index: 5;
}
#ProjectRoomPurpose h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#ProjectRoomPurpose p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}
#ProjectRoomHosts h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#ProjectRoomHosts p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}

/* Production Studio - Community */
#PStudioCommContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 407px;
	position: relative;
	width: 853px;
}
#PStudioCommRightArea {
	margin-left: 165px;
	height: 407px;
}
#PStudioCommImage {
	background-image: url(/pics/community_head.gif);
	background-repeat: no-repeat;
	height: 407px;
	width: 681px;
}
#PStudioCommPurpose {
	height: 202px;
	width: 140px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 10;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
#PStudioCommParticipants {
	height: 180px;
	width: 140px;
	position: absolute;
	left: 0px;
	top: 218px;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 10;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}
#PStudioCommContainer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* Production Studio - Program */
#PStudioProgContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 305px;
	width: 790px;
	position: relative;
}
#PStudioProgRightArea {
	margin-left: 165px;
	height: 300px;
}
#PStudioProgImage {
	background-image: url(/pics/program_head.gif);
	background-repeat: no-repeat;
	height: 300px;
	width: 618px;
}
#PStudioProgPurpose {
	height: 145px;
	width: 140px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: auto;
	border: 1px solid #999999;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 10;
	background-color: #FFFFFF;
}
#PStudioProgParticipants {
	height: 140px;
	width: 140px;
	position: absolute;
	left: 0px;
	top: 158px;
	border: 1px solid #999999;
	overflow: auto;
	padding-right: 4px;
	padding-left: 4px;
	z-index: 10;
	background-color: #FFFFFF;
}
#PStudioProgContainer h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A2A2A2;
}

/* Review Room */
.ReviewRoomContainer {
	margin: 0px;
	padding: 0px;
	height: 77px;
	width: 100%;
	border: 1px solid #666666;
	position: relative;
	background-image: url(/pics/reviewroom.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.ReviewRoomPurpose {
	overflow: auto;
	position: absolute;
	height: 77px;
	width: 220px;
	left: 0px;
	top: 0px;
	z-index: 10;
	padding-left: 0px;
}
.ReviewRoomHosts {
	overflow: auto;
	position: absolute;
	top: 0px;
	left: 220px;
	height: 77px;
	width: 130px;
	z-index: 5;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #C0C0C0;
	padding-left: 6px;
}
.ReviewRoomPurpose h3 {
	font-size: 13px;
	font-weight: bold;
	margin: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.ReviewRoomPurpose p {
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
}
.ReviewRoomHosts h3 {
	font-size: 13px;
	font-weight: bold;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.ReviewRoomHosts p {
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* ------- Traditional DR Header ---------- */
/* This header mostly uses classes from elsewhere in this stylesheet */
/* .CenterFrameFeatureTitle */
/* .DRHeaderParticipantsLabel */
/* .DRHeaderParticipantsList */

/* Traditional DR Title */
.DRHeaderTraditionTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
/* Traditional Purpose Text */
.DRHeaderTraditionPurpose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
/* The container for the DR Header Participants List and pagination buttons */
.DRHeaderParticipantsListArea {
	width: 100%;
	border: 1px solid #C0C0C0;
	margin-top: 10px;
	padding: 4px;
}

/* ------------------------------------------ */
/* --------- Item Body (Responses) ---------- */
/* ------------------------------------------ */

/* Set the left margin for the Item Body Page */
.ItemBody {
	margin: 0px 20px 0px 10px;
}
/* Title appearing at the top of the Item Body (Item Name) */
.ItemBodyTitle {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	width: 100%;
	border-top-width: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 0px;
	margin-top: 0px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
}
/* Title Text */
.ItemBodyTitleText {
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
}
/* Space above the Item Body Title */
.ItemBodyTitleSpacer {
	height: 20px;
}
/* Item Response Body Table */
.ItemResponseBodyTable {
	padding-right: 6px;
	padding-left: 6px;
}
/* Item Number as showing at the top of the Item Body */
.ItemBodyResponseID {
	font-weight: bold;
}
/* Item Response Author */
.ItemBodyResponseAuthor {
   font-weight: bold;
}
/* Item Response Date */
.ItemBodyResponseDate {
	font-weight: normal;
	font-size: 11px;
	font-style: italic;
}
/* Set of Links to Right of a Response */
.ItemBodyResponseActionbar {
	font-weight: normal;
	font-size: 11px;
}
/* Seperators between response actionbar links */
.ItemBodyResponseActionbarSep {
	font-weight: normal;
	color: #C0C0C0;
	font-size: 11px;
}
/* Item Body Response Title */
.ItemBodyResponseTitle {
	font-weight: Bold;
	font-size: 14px;
	background-color: #E9E9E9;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	width: 100%;
}
/* Item Body Response (entire response area) */
.ItemBodyResponse {
	margin-bottom: 0px;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
/* Item Body Response (entire response area) */
.ItemBodyResponse2 {
	padding: 0px;
	padding-bottom: 12px;
	margin-bottom: 0px;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/* Item Body Response Tag(entire response area) */
.ItemBodyResponseTag {
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 10px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

/* Item Body Response (just the wiki response content area) */
.ItemBodyWikiResponseContent {
	background-color: #ffffcc;
}
/* Item Body Response (just the response content area) */
.ItemBodyResponseContent {
	background-color: #FFFFFF;
	padding-right: 6px;
	padding-left: 6px;
}
/* Item Body Response Tag Display(just the response content area) */
.ItemBodyResponseTagDiapply {
	background-color: #FFFFFF;
	font-size: 11px;
	margin-left: 12px;
	font-weight: lighter ;
	color: Gray;
}
/* Item Body Note (Used to say "No more responses on this page" */
.ItemBodyNote {
	font-weight: Bold;
	color: #000000;
}
/* Item Body Pass Button */
.ItemBodyPassButton {
	background-image: url(/pics/bpass.gif);
	background-repeat: no-repeat;
	width: 43px;
	height: 22px;
	cursor: pointer;
}
/* Item Body Post and View Button */
.ItemBodyPostandViewButton {
	background-image: url(/pics/bpost.gif);
	background-repeat: no-repeat;
	width: 95px;
	height: 25px;
	cursor: pointer;
}
/* Text appearing under photos in discussion room with photos turned on  */
.ItemBodyAuthorPosts {
	font-size: 11px;
}
/* Text appearing under photos in discussion room with photos turned on  */
.ItemBodyAuthorRegistered {
	font-size: 11px;
}


/* ---------------------------------------------------- */
/* ------------- Rich Text Editor (RTE) --------------- */
/* ---------------------------------------------------- */

/* Item Body Box Title */
.ItemBodyResponseBoxTitle {
	background-color: #EEEEF5;
	font-weight: bold;
}
/* Item Body Attachment Form */
.ItemBodyAttachmentForm {
	background-color: #EEEEF5;
	font-weight: normal;
}
/* Item Body Attachment Form Note */
.ItemBodyAttachmentFormNote {
	background-color: #EEEEF5;
	font-weight: normal;
	color: #999999;
}
/* Title Label in RTE */
.RTETitleLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* Author Label in RTE */
.RTEAuthorLabel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
/* Author Text in RTE */
.RTEAuthorText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
/* RTE Container for width */
.RTEContainer {
	width: 98%;
}

.FileAttachmentBlock {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	padding-top: 12px;
	padding-bottom: 12px;
}

/* ---------------------------------------------------- */
/*** Moved everything from htmlarea/htmlarea.css here, to make it
/    easier to edit all styles in one place, and override them
/    in one place (in ecampus-custom.css).   Charles Roth 2/23/2007.
/    This section is not included in the web-based CSS editor  JF */



.htmlarea { background: #EEEEF5; }

.htmlarea .toolbar {
  cursor: default;
  background: #EEEEF5;
  padding: 1px 1px 2px 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.htmlarea .toolbar table { font-family: tahoma,verdana,sans-serif; font-size: 11px; }

.htmlarea .toolbar img { border: none; }

.htmlarea .toolbar .label { padding: 0px 3px; }

.htmlarea .toolbar .button {
  background: #EEEEF5;
  color: ButtonText;
  border: 1px solid #EEEEF5;
  padding: 1px;
  margin: 0px;
}

.htmlarea .toolbar .buttonHover {
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed {
  padding: 2px 0px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.htmlarea .toolbar .buttonPressed {
  background: ButtonHighlight;
}

.htmlarea .toolbar .indicator {
  padding: 0px 3px;
  overflow: hidden;
  width: 20px;
  text-align: center;
  cursor: default;
  border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .buttonDisabled { background-color: #aaa; }

.htmlarea .toolbar .buttonDisabled img {
  filter: alpha(opacity = 25);
  -moz-opacity: 25%;
}

.htmlarea .toolbar .separator {
  position: relative;
  margin: 3px;
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  width: 0px;
  height: 16px;
  padding: 0px;
}

.htmlarea .toolbar .space { width: 5px; }

.htmlarea .toolbar select { font: 11px Tahoma,Verdana,sans-serif; }

.htmlarea .toolbar select,

.htmlarea .toolbar select:hover,

.htmlarea .toolbar select:active { background: FieldFace; color: ButtonText; }

.htmlarea .statusBar {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 4px;
  background-color: #EEEEF5;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
}

.htmlarea .statusBar .statusBarTree a {
  padding: 2px 5px;
  color: #00f;
}

.htmlarea .statusBar .statusBarTree a:visited { color: #00f; }

.htmlarea .statusBar .statusBarTree a:hover {
  background-color: Highlight;
  color: HighlightText;
  padding: 1px 4px;
  border: 1px solid HighlightText;
}

/* Hidden DIV popup dialogs (PopupDiv) */
.dialog {
  color: ButtonText;
  background: ButtonFace;
}

.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table {
  font: 11px Tahoma,Verdana,sans-serif;
}

.dialog table { border-collapse: collapse; }

.dialog .title {
  background: #008;
  color: #ff8;
  border-bottom: 1px solid #000;
  padding: 1px 0px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}

.dialog .title .button {
  float: right;
  border: 1px solid #66a;
  padding: 0px 1px 0px 2px;
  margin-right: 1px;
  color: #fff;
  text-align: center;
}

.dialog .title .button-hilite { border-color: #88f; background: #44c; }

.dialog button {
  width: 5em;
  padding: 0px;
}

.dialog .buttonColor {
  padding: 1px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor-hilite {
  border-color: #000;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  height: 0.6em;
  border: 1px solid;
  padding: 0px 1em;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor { padding: 0px; }

.dialog .buttonColor .nocolor-hilite { background-color: #fff; color: #f00; }

.dialog .label { text-align: right; width: 6em; }

.dialog .value input { width: 100%; }

.dialog .buttons { text-align: right; padding: 2px 4px 0px 4px; }

.dialog legend { font-weight: bold; }

.dialog fieldset table { margin: 2px 0px; }

.popupdiv {
  border: 2px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.popupwin {
  padding: 0px;
  margin: 0px;
}

.popupwin .title {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  letter-spacing: 2px;
}

form { margin: 0px; border: none; }




/* ---------------------------------------------------- */
/* -------- Item List Display Options Screen ---------- */
/* ---------------------------------------------------- */

/* Item List Display Options Page */
.ItemListDisplayOptionsPage {
	margin: 12px;
}
/* Item List Display Options Page Title */
.ItemListDisplayOptionsTitle {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 8px;
}
/* Item List Display Options Page Table */
.ItemListDisplayOptionsTable {
	width: 550px;
}
/* Item List Display Options Table Cell */
.ItemListDisplayOptionsTableCell {
	background-color: #F7F7F7;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	vertical-align: top;
}
/* Item List Display Options Inner Header */
.ItemListDisplayOptionsInnerHeader {
	background-color: #DDDDDD;
	vertical-align: top;
	font-weight: bold;
}
/* Item List Display Options Inner Cell */
.ItemListDisplayOptionsInnerCell {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* Item List Display Options Inner Cell (last on list) */
.ItemListDisplayOptionsInnerCell2 {
	background-color: #FFFFFF;
	vertical-align: top;
}
/* Item List Display Options Inner Cell */
.ItemListDisplayOptionsLinks {
	font-weight: bold;
	color: #3654A0;
}



/* ------------------------------------------ */
/* ------------ Resource Library ------------ */
/* ------------------------------------------ */

.ResourceLibraryBody {
	background-color: #FFFFFF;
}

/* Table containing the RL List */
.ResourceLibraryTitle {
	font-weight: bold;
	font-size: 16px;
}

/* Table containing the RL List */
.RLListTable {
	background-color: #FFFFFF;
	width: 100%;
	empty-cells: show;
	border: 1px solid #CCCCCC;
}

/* Header Row of the table containing the RL List */
.RLListTableHeaderRow {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Footer Row of the table containing the RL List */
.RLListTableFooterRow {
	background-color: #FFFFFF;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Header Row Links of the table containing the RL List */
.RLListTableHeaderRowLinks {
	font-weight: bold;
}

/* RL List table cells */
.RLListCells {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* RL List table text Links */
.RLListLinkText {
	font-size: 1em;
}

/* RL List table text Non-links */
.RLListText {
	font-size: 1em;
}

/* RL Add Resource Label */
.RLAddResourceLabel {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 120px;
}
/* RL Add Resource Cell */
.RLAddResourceCell {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
/* RL Add Resouce table */
.RLroom {
	width: 100%;
	border: 1px solid #CCCCCC;
}

/* RL table cells */
.RLroom td {
	vertical-align: top;
}


/* ------------------------------------------ */
/* --------- Participant Directory ---------- */
/* ------------------------------------------ */

/* Body of Participant Directory */
.ParticipantDirectoryBody {
	background-color: #FFFFFF;
}

/* Table containing the Participant Directory */
.ParticipantDirectoryTable {
	width: 100%;
	empty-cells: show;
	border: 1px solid #CCCCCC;
}

/* Participant Directory Page Title */
.ParticipantDirectoryTitle {
	font-weight: bold;
	font-size: 16px;
}

/* Participant Directory Column Header Row*/
.PDTableColumnHeader {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	vertical-align: top;
}

/* PD List table cells */
.PDListCells {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	vertical-align: top;
}

/* Footer Row of the table containing the PD List */
.PDListTableFooterRow {
	background-color: #FFFFFF;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* PD List table text Links */
.PDListLinkText {
	font-size: 1em;
}

/* PD List table text Non-links */
.PDListText {
	font-size: 1em;
}


/* ------------------------------------------ */
/* ------------- Profile Edit --------------- */
/* ------------------------------------------ */

/* Profile Edit Tables */
.ProfileEditTable {
	background-color: #FFFFFF;
	width: 570px;
	empty-cells: show;
	border: 1px solid #CCCCCC;
}

/* Profile Edit Table Header */
.ProfileEditTableHeader {
	background-color: #7a99c1;
	background-image: url(/pics/HeaderBackground.jpg);
	background-repeat: repeat-x;
	vertical-align: top;
}

/* Profile Edit Page Title */
.ProfileEditTitle {
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}

/* Profile Edit Intro section */
.ProfileEditIntroCells {
	background-color: #FFFFFF;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Profile Edit Field Label Cells */
.ProfileEditFieldLabel {
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* Profile Edit Field Label text */
.ProfileEditFieldLabelText {
	font-weight: bold;
}

/* Profile Edit Links (Top Right) */
.ProfileEditLinks {
	font-weight: bold;
}

/* Profile Change Yor Password Link */
.ProfileChangePassword {
	font-weight: bold;
	font-size: 13px;
	color: #900;
}

/* Profile Edit Note Text (default is red) */
.ProfileEditNoteText {
	font-weight: normal;
	color: #FF0000;
	font-size: 11px;
}

/* Profile Edit Required Symbol */
.ProfileEditRequired {
	font-weight: bold;
	color: #FF0000;
	font-size: 14px;
}

/* Profile Edit Section Headers */
.ProfileEditTableHeaderRow {
	background-color: #FFFFFF;
	background-image: url();
	background-repeat: repeat-x;
	border-top-style: none;
	border-top-width: 1px;
	border-top-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
	font-weight: bold;
}

/* Profile Edit Table Cells */
.ProfileEditCells {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}
/* Show/Hide Sections */
.ProfileEditSubSectionHeader {
	font-weight: bold;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	position: relative;
	margin-bottom: 3px;
	margin-top: 12px;
	width: 570px;
	margin-right: auto;
	margin-left: auto;
}
.ProfileEditControls {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	color: #3654A0;
}
.ProfileEditSectionstyle {
	width: 570px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}



/* ------------------------------------------ */
/* ------------ Profile Preview ------------- */
/* ------------------------------------------ */

/* Displays when no profile info available */
.ProfileNotice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	margin: 50 auto;
	padding: 20;
	width: 70%;
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
	text-align: center;
	color: #800000;
	background-color: #FFF0F5;
}

/* Profile Preview container card including border */
.ProfilePreviewCard {
	position: relative;
	width: 450px;
	border-color: #296295;
	border-style: solid;
	border-width: 3px;
	background-color: #F2F2F2;
	margin: 20px;
	padding: 10px;
	overflow: scroll;
}

/* Profile Preview Details Block container (below card) */
.ProfilePreviewDetailsBlock {
	position: relative;
	width: 450px;
	border-color: #296295;
	border-style: solid;
	border-width: 1px;
	background-color: #F2F2F2;
	margin: 20px;
	padding: 10px;
}

/* Div container for the Edit/Close buttons */
.ProfilePreviewButtons {
	position: relative;
	width: 450px;
	padding: 0px;
	margin-left: 20px;
	margin-top: 0px;
}

/* Profile Preview Name text */
.ProfilePreviewCardName {
	font-size: 1.5em;
	font-weight: bold;
}

/* Profile Preview Title text */
.ProfilePreviewCardTitle {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

/* Profile Preview Details text */
.ProfilePreviewCardText {
	font-size: 1em;
	font-weight: normal;
	padding-top: 10px;
}

/* Profile Preview Photo Container */
/* Can be used to define limits on the size of the photo etc. */
.ProfilePreviewPhotoContainer {
	margin: 0px;
	padding-bottom: 0px;
}

/* Profile Preview Details Label */
.ProfilePreviewDetailsLabel {
	font-weight: bold;
}

/* Profile Preview Details Data */
.ProfilePreviewDetailsData {
	margin-bottom: 15px;
}

a:link.RedReturnLink, a:visited.RedReturnLink {
	font-size: 14px;
	font-weight: bold;
	color: #900;
	text-align: center;
	display: block;
	height: auto;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
a:hover.RedReturnLink {
   text-decoration: underline;
}



/* ------------------------------------------ */
/* --------- Management Screens ------------- */
/* ------------------------------------------ */

/* Table containing the Management List */
.MgmtTable {
	background-color: #FFFFFF;
	width: 80%;
	empty-cells: show;
	border: 1px solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
}
/* Table containing the Management List No Width Setting Used */
.MgmtTableNW {
	background-color: #FFFFFF;
	empty-cells: show;
}
/* Management Title Text */
.ManagementTitle {
	font-weight: bold;
	font-size: 16px;
}

/* Management Section Title Text */
.MgmtSectionTitle {
	font-weight: bold;
	font-size: 14px;
}

/* Management Table of Contents Cells */
.MgmtTOC {
	vertical-align: top;
}

/* Header Row of the table */
.MgmtTableHeaderRow {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #C0C0C0;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Section Header Row with a white space border on top */
.MgmtTableSectionHeaderRow {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #C0C0C0;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Section Header Row without a white space border on top */
.MgmtTableSectionHeaderRow2 {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

/* Management table cells */
.MgmtCells {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Management table cells - No border */
.MgmtSpacerCells {
	background-color: #FFFFFF;
}

/* Management Section Top Link */
.MgmtTop {
	font-weight: bold;
	font-size: 10px;
}

/* Management table text Links */
.MgmtLinkText {
	font-size: 1em;
	font-weight: bold;
}

/* Management table text Non-links */
.MgmtSectionSpace {
	height: 17px;
}

/* Management Config Screen Switch To Link */
.MgmtSwitchLinkText {
	font-size: 11px;
	font-weight: bold;
   color: #3654A0;
}

/* Management Config Screen Form Labels */
.MgmtFormLabel {
	font-size: 12px;
	font-weight: bold;
}

/* Management Config Screen Form Controls */
.MgmtForm {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Links appearing in a header Row */
.MgmtHeaderLinks {
   color: #3654A0;
	font-weight: bold;
}
a.MgmtHeaderLinks:link, a.MgmtHeaderLinks:visited {
	color: #3654A0;
	font-weight: bold;
}
a.MgmtHeaderLinks:hover {
	color: #4567C0;
	text-decoration: underline;
	font-weight: bold;
}
a.MgmtLinks:link, a.MgmtLinks:visited {
	color: #3654A0;
	font-weight: bold;
}
a.MgmtLinks:hover {
	color: #4567C0;
	text-decoration: underline;
	font-weight: bold;
}

/* Popin screen for top frame configuration */
#topConfiguration {
	display: none;
	position: absolute;
	height: auto;
	width: 770px;
	left: 100px;
	top: 55px;
	z-index: 12;
	background-image: url(/pics/shadow.png);
	background-repeat: repeat;
}
#topConfigurationInner {
	border: 2px solid #000;
	background-color: #FFF;
	margin: 20px;
}

/* Popin screen for sepbar configuration */
#sepConfiguration {
	display: none;
	position: absolute;
	height: auto;
	width: 770px;
	left: 100px;
	top: 55px;
	z-index: 12;
	background-image: url(/pics/shadow.png);
	background-repeat: repeat;
}
#sepConfigurationInner {
	border: 2px solid #000;
	background-color: #FFF;
	margin: 20px;
}
/* Popin screen for BCT configuration */
#bctConfiguration {
	display: none;
	position: absolute;
	height: auto;
	width: 770px;
	left: 100px;
	top: 55px;
	z-index: 12;
	background-image: url(/pics/shadow.png);
	background-repeat: repeat;
}
#bctConfigurationInner {
	border: 2px solid #000;
	background-color: #FFF;
	margin: 20px;
}
/* Popin screen for left configuration */
#leftConfiguration {
	display: none;
	position: absolute;
	height: auto;
	width: 770px;
	left: 100px;
	top: 100px;
	z-index: 12;
	background-image: url(/pics/shadow.png);
	background-repeat: repeat;
}
#leftConfigurationInner {
	border: 2px solid #000;
	background-color: #FFF;
	margin: 20px;
}
/* Popin screen for right configuration */
#rightConfiguration {
	display: none;
	position: absolute;
	height: auto;
	width: 770px;
	left: 100px;
	top: 100px;
	z-index: 12;
	background-image: url(/pics/shadow.png);
	background-repeat: repeat;
}
#rightConfigurationInner {
	border: 2px solid #000;
	background-color: #FFF;
	margin: 20px;
}



/*-------------------------------------------------------------------------------- */
/* ----------------------- Reports ----------------------------------------------- */
/*-------------------------------------------------------------------------------- */

/* Learner Progress Report */
/* Not Started Status */
.ProgressReportStatusshade3 {
	background-color: #666666;
	font-size: 11px;
	font-weight: bold;
	width: 40px;
	text-align: center;
	color: #FFFFFF;
}
/* Complete Status */
.ProgressReportStatusshade4 {
	background-color: #008000;
	font-size: 11px;
	font-weight: bold;
	width: 40px;
	text-align: center;
	color: #FFFFFF;
}
/* In Progress Status */
.ProgressReportStatusshade5 {
	background-color: #FFD700;
	font-size: 11px;
	font-weight: bold;
	width: 40px;
	text-align: center;
}
.ProgressReportTitle {
	background-color: #296295;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.ProgressReportTableCell {
	background-color: #F7F7F7;
	border-top-color: #B7B7B7;
	border-top-style: solid;
	border-top-width: 1px;
	vertical-align: top;
}
.ProgressReportActivityTitle {
	background-color: #296295;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	width: 40px;
	text-align: center;
	color: #FFFFFF;
}
.ProgressReportActivityData {
	background-color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	width: 40px;
	text-align: center;
}

/* Coach Reports */
.CoachReportTableCell {
	background-color: #F7F7F7;
	border-top-color: #B7B7B7;
	border-top-style: solid;
	border-top-width: 1px;
	vertical-align: top;
	vertical-align: top;
}
.CoachReportTitle {
	background-color: #296295;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
}
.CoachReportActivityTitle {
	background-color: #296295;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	color: #FFFFFF;
	vertical-align: top;
}



/*-------------------------------------------------------------------------------- */
/* ----------------------- END USER LICENSE AGREEMENT ---------------------------- */
/*-------------------------------------------------------------------------------- */

#eulabody {
	background-color: #EEEEEE;
}
/* Page title */
#eulabody h3 {
	text-align: center;
}
/* eula div container */
#eula {
	width: 700px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	padding: 25px;
	overflow: auto;
}
#eula li {
	margin-top: 20px;
}
#eula ol p {
	text-indent: -20px;
	margin-left: 20px;
}
#eulabuttons {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 400px;
	margin-top: 15px;
}



/*-------------------------------------------------------------------------------- */
/* ----------------------- Login Screens  ---------------------------------------- */
/*-------------------------------------------------------------------------------- */

/* Login screen body */
.LoginScreenBody {
	background-color: #FFFFFF;	
}
/* Login screen container */
.LoginScreenContainer {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	background-image: url();
	background-repeat: repeat-x;
	background-position: bottom;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/* Table containing the login content */
.LoginScreenMainTable {
	width: 450px;
	background-color: #FFFFFF;
	border: 1px none #CCCCCC;
}
/* Header cell containing the logo graphic */
.LoginScreenHeaderCell {
	background-color: #FFFFFF;
}
/* Title cell containing the title text */
.LoginScreenTitleCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-image: url();
	background-repeat: repeat-x;
	height: 28px;
	background-color: #CCC;
}
/* Link text for new users */
a.LoginScreenNewAccountLink:link, a.LoginScreenNewAccountLink:visited {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;	
}
/* Link text for new users */
a.LoginScreenNewAccountLink:hover {
	color: #EEEEEE;
}
/* Login Cell */
.LoginScreenLoginCell {
	background-color: #F2F2F2;
}
/* Login Label */
.LoginScreenLoginLabel {
	font-weight: bold;
	color: #000000;	
}
/* Forgot Password Cell */
.LoginForgotPasswordCell {
	background-color: #EEE;
	font-size: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* Notice when login fails */
.LoginScreenLoginFailed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #A31414;
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}
/* Links on login screen */
.LoginScreenLink {
	color: #3654A0;
	font-weight: bold;
	text-decoration: underline;
}
/* Small link in footer of login screen */
.LoginForgotPasswordLink {
	color: #3654A0;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}
/* Login Errors Cell */
.LoginScreenErrorsCell {
	background-color: #A31414;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}

.LoginScreenCell {
	background-color: #FFFFFF;
}

/*-------------------------------------------------------------------------------- */
/* ----------------------- Self Registration Screen  ----------------------------- */
/*-------------------------------------------------------------------------------- */
/* Login screen body */
.RegistrationScreenBody {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.RegistrationTable {
	width: 500px;
	border: 1px solid #999;	
}
.RegistrationTableHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/pics/LoginTitleBarBack.jpg);
	background-repeat: repeat-x;
	height: 28px;
	background-color: #325e96;
	text-align: center;
}
.RegistrationTableCell {
	background-color: #FFF;	
}
.RegistrationDataEntryCell {
	background-color: #FFF;	
}
.RegistrationButtonRow {
	background-color: #EEEEEE;	
}
.RegistrationDataLabel {
	font-weight: bold;	
}



/*-------------------------------------------------------------------------------- */
/* ----------------------- Search Screens  --------------------------------------- */
/*-------------------------------------------------------------------------------- */

/* Search Page Title */
.SearchPageBody {
	background-color: #FFFFFF;
	margin-right: 20px;
}
/* Search Page Title */
.SearchPageTitle {
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	margin-top: 10px;
	text-align: left;
}
/* Search screen table */
.SearchSectionTable {
	width: 100%;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
/* Search screen table header */
.SearchTableHeader {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	background-image: url();
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	background-color: #f2f2f2;
}
/* Search screen table cell */
.SearchTableCell {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
/* Search screen table cell */
.SearchSubmitRow {
	text-align: center;
}
/* Search Result Item */
.SearchResultItem {
	margin-bottom: 0px;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
}
/* Search Result Highlight */
.SearchResultHighlight {
	font-weight: bold;
	background-color: #CCD9E9;
}


/* ------------------------------------------------------------------------------- */
/* ----------------------- Manage Room Tabs -------------------------------------- */
/* ------------------------------------------------------------------------------- */

/* Tabs Container */
#TabsContainer {
	position: relative;
	margin: 0px;
	width: 700px;
	overflow: hidden;
	height: 20px;
}

/* Style for the tab showing the current page */
a:link.ManageRoomTabOn, a:visited.ManageRoomTabOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/pics/tab-bg-on.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	color: #000000;
	text-decoration: none;
}
a:hover.ManageRoomTabOn {
}

/* Style for the tabs not showing the current page */
a:link.ManageRoomTabOff, a:visited.ManageRoomTabOff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	color: #000000;
	text-decoration: none;
}
a:hover.ManageRoomTabOff {
}
/* The iframe that holds all the management screens for the tabbed page */
.ManageRoomPanel{
	border: 1px solid #CCCCCC;
	margin: 0px;
	background-color: #F7F7F7;
	width: 90%;
}
/* Groups and hides the advanced tabs */
#TabAdvancedGroup {
	display: none;
}
/* Groups and hides the advanced tabs */
.TabbedPage {
	background-color: #F7F7F7;	
}
/* Warning message that advanced room management is not available at this tier */
.ManageRoomLevelMessage {
	position: absolute;
	left: 128px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
}



/*-------------------------------------------------------------------------------- */
/* ----------------------- Learning Goals ---------------------------------------- */
/*-------------------------------------------------------------------------------- */
.xstooltip {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 3px;
	border: 1px solid #666;
	background-color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}
.GoalTrackerProgressBar {
	background-color: #00af08;
	background-image: url(/pics/progressbar.png);
	background-repeat: repeat-x;	
}
.GoalTrackerProgressBarBack {
	background-color: #FFFFFF;
	background-image: url(/pics/progressbarback.png);
	background-repeat: repeat-x;
	border: 1px solid #333;
	float: left;
	width: 100px;
	margin-top: 2px;
	margin-left: 10px;
	-moz-border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}



/*-------------------------------------------------------------------------------- */
/* ----------------------- EPSS Styles ------------------------------------------- */
/*-------------------------------------------------------------------------------- */

/* TopFrame */
.EPSSTopTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	height: auto;
	width: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index: 0;
	padding-top: 10px;
}
#EPSSTopLogo {
}
#TopFrameEPSSHomeLink {
	padding-top: 2px;
	padding-right: 10px; 
	padding-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
}
#TopFrameEPSSManageLink {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	display: inline;
	float: right;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
}
#TopFrameEPSSMyID {
	padding-top: 2px;
	padding-right: 10px;
	padding-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px;
	position: static;
	display: inline;
	float: right;
}

/* Step Highlighting */
.EPSSStepSelected {
	font-weight: bold;
	background-color: #F0F0F0;
}
.EPSSStepUnselected {
	font-weight: normal;
	background-color: #FFFFFF;	
}
.EPSSTopPaneBody {
	background-color: #FFFFFF;
}
.EPSSManageTopPane {
	background-color: #FFC;
	width: 100%;
	padding-top: 10px;
}
.EPSSLeftPaneBody {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 0px;
}
.EPSSMiddlePaneBody {
	background-color: #F0F0F0;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
}
.EPSSRightPaneBody {
	background-color: #FFFFFF;
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
}
.EPSSPaneContentArea {
	width: 100%;
	margin-top: 10px;
}
.EPSSPaneContent {
}
.EPSSMgmtLabel {
	font-size: 10px;
	color: #999;	
}
.EPSSMiddlePaneTitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;	
}
.EPSSRightPaneTitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;	
}
/* Link text Sepbar of an EPSS */
a.EPSSSepBarLink:link, a.EPSSSepBarLink:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
a.EPSSSepBarLink:hover {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
}

/* Reports and Review links */
#TopFrameReviewLink a.EPSSSepBarLink:link, #TopFrameReviewLink a.EPSSSepBarLink:visited {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
#TopFrameReviewLink a.EPSSSepBarLink:hover {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
	margin-top: 0px;
}

.EPSSSepBarBackground {
	background-color: #C0C0C0;
	height: 5px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 15px;
}
.EPSSSepBarBackground2 {
	background-color: #C0C0C0;
	height: 5px;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
/* Used to add emphasis to some links in the left menu */
.EPSSManageLink {
	font-style: italic;
	font-weight: bold;
	color: #009;
}


/* Used to format center pane data */
.EPSSPaneContentAreaDataContainer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
}
.EPSSPaneContentAreaHeading {
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
}
.EPSSPaneContentAreaData {
	font-weight: normal;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.EPSSPaneContentAreaDataBreak {
}


/*------------------------------------------------------------------------------------------------- */
/*----------- TIER 2: Styles used specifically at Community (program) level ----------------------- */
/*------------------------------------------------------------------------------------------------- */

/* ------------------------------------------ */
/* ------------- Header Frame --------------- */
/* ------------------------------------------ */

.TopFrameRightNAVCellContainer {
	width: 110px;
	height: auto;
	position: absolute;
	right: 5px;
	z-index: 20;
}

/* Top Right NAV Cell appears at Tier 2 */
.TopFrameRightNAVCellTier2N {
	width: 110px;
	height: auto;
	position: absolute;
	right: 5px;
	z-index: 20;
}

/* Top Right NAV Cell appears at Tier 2 */
.TopFrameRightNAVCellTier3N {
	width: auto;
	height: auto;
	position: absolute;
	right: 5px;
	z-index: 20;
}

/* Top Right NAV Cell appears at Tier 3 */
.TopFrameRightNAVCellTier3 {
	vertical-align: bottom;
	width: 214px;
	text-align: right;
}

/* Background graphic/color of the up-to-parent tier links */
.TopUpLevelButtonBackground {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0;
	background-color: #EEEEEE;
	background-image: url();
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	text-align: center;
}

/* Link text of the up-to-parent tier links */
a.TopUpLevelButtonLink:link, a.TopUpLevelButtonLink:visited {
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
}

/* Hover link text the up-to-parent tier links */
a.TopUpLevelButtonLink:hover {
	color: #666666;
	text-decoration: underline;
}


/* ------------------------------------------ */
/* --------------- Left Frame --------------- */
/* ------------------------------------------ */

.LeftFrameTier2Body {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}




/*---------------------------------------------------------------------------------------- */
/*------------ TIER 3: Styles used specifically at Tier 3 -------------------------------- */
/*---------------------------------------------------------------------------------------- */

/* ------------------------------------------ */
/* --------------- Left Frame --------------- */
/* ------------------------------------------ */

/* Left Frame Body */
.TeamCenterLeftFrameBody {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.TeamCenterCenterFrameBody {
	background-color: #FFFFFF;
}


/*------------------------------------------------------------------------------------ */
/*---------------- Specifically at the Program level --------------------------------- */
/*------------------------------------------------------------------------------------ */

/* ------------------------------------------ */
/* --------------- Left Frame --------------- */
/* ------------------------------------------ */

/* Left Frame Body */
.ProgramLeftFrameBody {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
}

/* Left menu group */
.ProgramLeftMenuGroup {
	width: 95%;
	margin-top: 8px;   /* spacing between groups */
	margin-left: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 0px;
	padding-bottom: 3px;
	margin-bottom: 17px;
	background-image: url();
	background-repeat: repeat-x;
}

/***************************************************/
/* Title of left menu group */
/* LeftTitleCell is a general class for all left menu group titles */
/* Title of left menu group */
.ProgramLeftTitleCell {
	color: #000000;
	font-weight: bold;
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C0C0C0;
	background-color: #f2f2f2;
	position: relative;
}

/* The following classes are (in addition to the general class above) */
/* specific to each left menu group type */

/* Title of left menu group - Learning History */
.PRLearningHistoryLeftTitle {
}

/* Title of left menu group - Learning map */
.PRLearningLearningMapTitle {
}

/* Title of left menu group - Discussion Rooms */
.PRDiscussionRoomsLeftTitle {
}

/* Title of left menu group - Dashboards */
.PRDashboardsLeftTitle {
}

/* Title of left menu group - Resources */
.PRResourcesLeftTitle {
}

/***************************************************/


/* Style of each left menu item */
.ProgramLeftLinkCell {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3654A0;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 2px;
	vertical-align: top;
	width: 95%;
	background-image: url();
	border-top-style: none;
	border-top-width: 1px;
	border-top-color: #FAFAFA;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #C4C4C4;
}

/* Link Text Color - This is inside the link and therefore has precidence over the class below */
.ProgramLeftLinkText {
	font-size: 12px;
	color: #3654A0;
}
/* Style of each left program menu link */
a.LeftProgramMenuLink:link,a.LeftProgramMenuLink:visited,a.LeftProgramMenuLink:active {
	font-size: 12px;
	font-family : Arial, Helvetica, sans-serif;
	color: #3654A0;
	text-decoration: none;
}
a.LeftProgramMenuLink:hover {
	color: #4567C0;
	text-decoration: underline;
}

/* Read All New */
.ProgramLeftReadAllNew {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3654A0;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	width: 100%;
	background-image: url();
	border-top-style: none;
	border-top-width: 1px;
	border-top-color: #FAFAFA;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #C4C4C4;
}
/* Link Text Color */
.ProgramLeftReadAllNewText {
	color: #3654A0;
}
/* Style of each left program menu link */
a.LeftProgramRANMenuLink:link,a.LeftProgramRANMenuLink:visited,a.LeftProgramRANMenuLink:active {
	font-family : Arial, Helvetica, sans-serif;
	color: #3654A0;
	text-decoration: none;
}
a.LeftProgramRANMenuLink:hover {
	color: #4567C0;
	text-decoration: underline;
}

/* Appears grouped with a category of rooms */
.ProgramLeftMenuCatHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: top;
	width: 95%;
	margin-top: 5px;
	margin-left: 0px;
	position: relative;
}

/* Program Learning Map Roll-Over */
.ProgramLearningMapRollover {
	width: 120px;
	background-color: #3654A0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

/* Program Learning Map Roll-Over Status Finished */
.ProgramLMRollStatusFinished {
	width: 120px;
	background-color: #008000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* Program Learning Map Roll-Over Status Not Started */
.ProgramLMRollStatusNotStarted {
	width: 120px;
	background-color: #ED0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* Program Learning Map Roll-Over Status Waiting */
.ProgramLMRollStatusWaiting {
	width: 120px;
	background-color: #FFA500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* -------------------------------------------- */
/* --------------- Center Frame --------------- */
/* -------------------------------------------- */

/* Center Frame Body Program Level */
.CenterFrameBodyProgram {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 10px;
}

/* Center Frame Columns */
.ProgramCenterFrameColumn {
	width: 95%;	
}

/* Program Gramboard Header */
.CenterFrameGameboardHeader {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	background-color: #F2F2F2;
	background-image: url();
	border-top-width: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #C0C0C0;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
/* Program Gramboard Header Text */
.CenterFrameGameboardHeaderText {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
}
/* Legacy object */
.CenterFrameGameboardTable {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* Program Gramboard Content */
.CenterFrameGameboardContent {
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* Program Gameboard Rollover Header Background */
.CenterFrameGameboardRolloverHeader {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-color: #3654A0;
}

/* Program Gameboard Rollover Header Background */
.CenterFrameGameboardRolloverBody {
	color: #333333;
	font-size: 11px;
	font-weight: normal;
	background-color: #C0C0C0;
}


/* -------------------------------------------------- */
/* --------------- Program Activities --------------- */
/* -------------------------------------------------- */
.ActivityRoomBody {
	background-color: #FFFFFF;
}

/* Program Activity Header */
.ProgramActivityHeader {
	height: 20px;
	padding: 0px;
	width: 590px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-top-width: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #C0C0C0;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom-color: #215A8D;
	border-bottom-style: none;
	border-bottom-width: 2px;
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
}
/* Program Activity Header Text */
.ProgramActivityHeaderText {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
}

/* Program Activity Content */
.ProgramActivityContentdiv {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	width: 590px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #FFFFFF;
}
/* Resources Links */
.ProgramActivityContentdiv a:link, .ProgramActivityContentdiv a:visited {
	text-decoration: none;
	font-weight: bold;
}
.ProgramActivityContentdiv a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* Program Activity Section Bar (Separates upper and lower sections) */
.ProgramActivitySectionBar {
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	border-bottom-width: 4px;
	width: 90%;
}

/* Program Activity Note Area */
.ProgramActivityNoteArea {
	background-color: #FFFFFF;
	margin-top: 10px;
}


/* Legacy - No longer used */
.ProgramActivityTable {
	width: 590px;
	border: 1px solid #CCCCCC;
}
/* Legacy - No longer used */
.ProgramActivityContentCell {
	color: #000000;
	font-size: 12px;
	background-color: #FFFFFF;
}





/*---------------------------------------------------------------------------------------- */
/*---------------- Misc CSS Properties --------------------------------------------------- */
/*---------------------------------------------------------------------------------------- */

/* --------------- Urgent Message Banner --------------- */
#urgentMessageDiv {
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	z-index: 10000;
}
#urgentMessageHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	position: relative;
}
#urgentMessageContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #EBEBEB;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
}
#urgentMessageClose {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	text-align: center;
	margin: 0px;
	padding: 2px;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 16px;
	cursor: pointer;
	border: 1px solid #FFFFFF;
}

/* --------------- Webhuddle Meetings --------------- */
.MeetingPopOver {
	position: absolute;
	background-color: #e5e5e5;
	width: 80%;
	background-image: url(/pics/WebMeetingNoticeBG.jpg);
	background-repeat: repeat-x;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #999999;
	padding: 2px;
	font-weight: bold;
}

.MeetingPopOverForHost {
	position: absolute;
	background-color: #e5e5e5;
	width: 80%;
	background-image: url(/pics/WebMeetingNoticeBG.jpg);
	background-repeat: repeat-x;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #999999;
	padding: 2px;
	font-weight: bold;
}

.WebhuddleMeetingsTable {
	width: 97%;
	margin-left: 1em;
}

.AuthorOfForgottenItem {
	font-style: italic;
}

.InactiveResource {
	font-style: italic;
}

.ForgottenItem {
	font-style: italic;
}

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


/* --------------- What's Hot / What's New Features --------------- */
.hotNewTitle {
	font-weight: bold;
	font-size: 0.9em;
}
.hotnewTable{
  width:   100%;
  border:  0px;
  padding: 0px;	
}
.hotnewRow{
}
.hotnewCell{
}
.ResourceName {
  font-size: 14px;
  font-weight: bold;
}
.RatingCount {
  font-size: 11px;
  height: 20px;
}
.RLItemText {
	font-size: 12px;
	margin-bottom: 5px;
}
.RLItemTextSm {
	font-size: 11px;
	margin-bottom: 5px;
}
.reviewItemBodyResponse {
	padding: 0px;
	padding-bottom: 12px;
	margin-bottom: 0px;
	width: 90%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}
/* Pointer mouse cursor */
.StarImgRate {
	cursor: pointer;
}
.ResourceSubTitle {
  font-size: 14px;
  font-weight: bold;
}

/* Resource Download Link */
.ResourceDownloadLink {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	margin-top: 0px;
	font-size: 12px;
	text-align: center;
	height: 18px;
	width: 80px;
	background-image: url(/pics/dlbutton.png);
	background-repeat: no-repeat;
	padding-top: 1px;
	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 3px;
}
.RatingsTable {
	border: 1px solid #D0DCEA;
}
.FirstResponseBorder {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;	
}
.ResponseBottomBorder {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}
.RatingsChartCell {
	background-color: #e7e7d6;
	text-align: left;
	width: 150px;	
}

/* search result page navigation bar */
#navi {
	clear: both;
	color: #3666d4;
	height: 4em;
	padding-top: 25px;
	margin:0 0 0 20px;
	
}

#navi a,#navi strong {
	border: 1px solid #ccdbe4;
	display: block;
	color: #3666d4;
	float: left;
	margin: 0 5px 0 0;
	padding: 1px 8px;
	text-align: center;
	text-decoration: none;
}

#navi a:hover {
	background: #3666d4;
	border-color: #2b55af;
	color: #fff;
}

#navi strong {
	border: 0px none;
	color: #000;
	font-size: 107%;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 2px;
	padding-bottom: 2px
}

#navi-next,#navi-prev {
	border-width: 2px;
	font: 114% Tahoma, Helvetica, sans-serif;
	margin-top: -2px;
	padding-bottom: 1px;
	padding-top: 1px;
	_margin-top: -2px;
}

#navi-next {
	margin-left: 9px;
}

#navi-prev {
	margin-right: 14px;
}

#TabsContainerForRoleMemberAssignment {
	position: relative;
	margin: 0px;
	width: 400px;
	overflow: hidden;
	height: 20px;
}

/* Style for the tab showing the current page */
a:link.RoleAssignmentTabOn, a:visited.RoleAssignmentTabOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/pics/tab-bg-on.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	color: #00FF00;
	text-decoration: none;
}
a:hover.RoleAssignmentTabOn {
}

/* Style for the tabs not showing the current page */
a:link.RoleAssignmentTabOff, a:visited.RoleAssignmentTabOff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	color: #000000;
	text-decoration: none;
}
a:hover.RoleAssignmentTabOff {
}
a:link.havenorole,a:visited.havenorole{
	color: #FF0000;	
}



/******  Moved from jecampus-styles.css  ***************************/
/* OLD Action bar class used on pages that have not been CSS updated*/
.buttnbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border-right-style: solid;
	border-right-color: #CCCCFF;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCFF;
	border-bottom-width: 1px;
	margin-right: 2px;
	padding-right: 2px;
	cursor: pointer;
	height: 15px;
}


.buttonlabel {
   font-size: 8pt;
   font-weight: normal;
   font-family: Arial;
}


.shade1 {
		background-color: #F7F7F7;
	}
.shade2 {
	background-color: #F7F7F7;
}
.adminT {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	background-color: #296295;
	vertical-align: top;
	color: #FFFFFF;
}

.admin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #F7F7F7;
	vertical-align: top;
	padding-bottom: 5px;
}
.adminsp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #FFFFFF;
}



/*---------LEFTMENU: Left menu styles.  (Should never have been in embedded 
/                    left menu text anyway!)  */
.lm-read-new {
   padding-left: 6px;
   font-size: 10px;    /* 10 *px* ?? */
   font-weight: bold;
   color: #2B68A3;
/* color: #cc3333; */

}
.lm-type-header {
   padding-left: 6px;
   margin-top: 0px;  /* was 16px */
   color: #cc3333;
   font-size: 14px;   /* *px* ??? */
   font-weight: bold;
/* border-top: solid 1px #c33;  */
/* border-top-color: #cc3333;
/* border-top-style: solid; */
   border-top-width: 1px; */
   margin-bottom: 0; 
}

.lm-section-header {
   text-align: left;
   padding-left: 6px;
   margin-top: 8px;
   color: blue;
   font-size: 10pt;
   font-weight: bold;
   font-style: italic;
  
}
.lm-section-detail {
   line-height: 11pt;
   padding-left: 12px;
   font-size: 9pt;
   color: #333399;
}
 .hotNewTitle {
	font-weight: bold;
	font-size: 14px;
}
.ManageSitePanel {
	width: 650px;
	margin-right: auto;
	margin-left: auto;
}
.MgmtSiteTabTable {
	background-color: #FFFFFF;
	empty-cells: show;
	width: 100%;
}
.MgmtSiteTable {
	background-color: #FFFFFF;
	empty-cells: show;
	border: 1px solid #CCCCCC;
	width: 100%;
}
.MgmtSiteArea {
	background-color: #FFFFFF;
	width: 650px;
	empty-cells: show;
	border-top-width: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
}
#TabsContainerForSiteManagement {
	position: relative;
	margin: 0px;
	width: 100%;
	overflow: hidden;
	height: 20px;
}
.MenuTextOnMouseOver{
	font-weight: bold;
	font-size: 14px;
	color:#000;
	background-color: #EEEEEE;
	cursor: pointer;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.MenuTextOnMouseOut{
	font-weight: bold;
	font-size: 14px;
	color:#000000;
	cursor: pointer;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.MgmtSiteMgtLinkText {
	font-size: 1em;
	font-weight: bold;
}
a.MgmtSiteLinkLevel1:link, a.MgmtSiteLinkLevel1:visited {
	margin-left: 20px;
	display: block;
	font-weight: bold;
	margin-top: 8px;
	padding: 2px;
}
a.MgmtSiteLinkLevel1:hover {
	background-color: #EEEEEE;
}
.MgmtSiteLinkLevel1 {
	margin-left: 20px;
	font-weight: bold;
	margin-top: 8px;
	padding: 2px;
}
a.MgmtSiteLinkLevel2:link, a.MgmtSiteLinkLevel2:visited {
	margin-left: 50px;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	padding: 2px;
}
a.MgmtSiteLinkLevel2:hover {
	background-color: #EEEEEE;
}
.MgmtSiteLinkLevel2 {
	margin-left: 50px;
	font-weight: bold;
	margin-top: 0px;
	padding: 2px;
}
/* Reduced importance links */
a.MgmtSiteLinkLevel2Sub:link, a.MgmtSiteLinkLevel2Sub:visited {
	margin-left: 50px;
	display: block;
	font-weight: normal;
	margin-top: 0px;
	padding: 2px;
	font-size: 11px;
	color: #95A8DB;
}
a.MgmtSiteLinkLevel2Sub:hover {
	background-color: #EEEEEE;
}
.MgmtSiteLinkLevel2Sub {
	margin-left: 50px;
	font-weight: normal;
	margin-top: 0px;
	padding: 2px;
	font-size: 11px;
	color: #95A8DB;
}
a.MgmtSiteLinkLevel3:link, a.MgmtSiteLinkLevel3:visited {
	margin-left: 80px;
	display: block;
	font-weight: bold;
	margin-top: 0px;
	padding: 2px;
}
a.MgmtSiteLinkLevel3:hover {
	background-color: #EEEEEE;
}
.MgmtSiteLinkLevel3 {
	margin-left: 80px;
	font-weight: bold;
	margin-top: 0px;
	padding: 2px;
}
/* Reduced importance links */
a.MgmtSiteLinkLevel3Sub:link, a.MgmtSiteLinkLevel3Sub:visited {
	margin-left: 80px;
	display: block;
	font-weight: normal;
	margin-top: 0px;
	padding: 2px;
	font-size: 11px;
	color: #95A8DB;
}
a.MgmtSiteLinkLevel3Sub:hover {
	background-color: #EEEEEE;
}
.MgmtSiteLinkLevel3Sub {
	font-size: 11px;
	margin-left: 80px;
	font-weight: normal;
	margin-top: 0px;
	padding: 2px;
	color: #95A8DB;
}
.MgmtSiteMgtSubLinkText {
	font-size: 1em;
	font-weight: bold;
	padding-left:60px;
}

.SiteMgtMenuArea{
	height: 350px;
	background-color: #F2F2F2;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 8px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #EEEEEE;
	border-right-color: #EEEEEE;
	border-bottom-color: #EEEEEE;
	border-left-color: #EEEEEE;
}

/* Style for the tab showing the current page */
a:link.SiteManagementTabOn, a:visited.SiteManagementTabOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/pics/tab-bg-on.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	color: #000;
	text-decoration: none;
}
a:hover.SiteManagementTabOn {
}

/* Style for the tabs not showing the current page */
a:link.SiteManagementTabOff, a:visited.SiteManagementTabOff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-image: url(/pics/tab-bg-off.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 8px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display: block;
	float: left;
	height: 20px;
	margin-right: 5px;
	color: #000000;
	text-decoration: none;
}

a:hover.SiteManagementTabOff {
}
a:link.havenorole,a:visited.havenorole{
	color: #FF0000;	
}

.intervalsTable
{
    border-color: #CCCCCC;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-spacing: 0;
    border-collapse: collapse;
    
}

.intervalsTd
{
    border-color: #CCCCCC;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 1px;
   
}

/* Body of Portfolio */
.PortfolioBody {
	background-color: #FFFFFF;
}

/* Table containing the Portfolio */
.PortfolioTable {
	width: 100%;
	empty-cells: show;
	border: 1px solid #CCCCCC;
}

/* Portfolio Page Title */
.PortfolioTitle {
	font-weight: bold;
	font-size: 16px;
}

/* Portfolio Column Header Row*/
.PortfolioTableColumnHeader {
	background-color: #F2F2F2;
	background-image: url();
	background-repeat: repeat-x;
	border-top-style: solid;
	border-top-width: 5px;
	border-top-color: #C0C0C0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	vertical-align: top;
}

/* Portfolio List table cells */
.PortfolioListCells {
	background-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Footer Row of the table containing the Portfolio List */
.PortfolioListTableFooterRow {
	background-color: #FFFFFF;
	border-bottom-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	vertical-align: top;
}

/* Portfolio List table text Links */
.PortfolioListLinkText {
	font-size: 1em;
}

/* Portfolio List table text Non-links */
.PortfolioListText {
	font-size: 1em;
}
/****** End -- Moved from jecampus-styles.css  ***************************/

.CenterFrameFieldListTable {
	color: #000000;
	font-size: 12px;
	background-color: #C0C0C0;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.TopFrameEditIcon {
	position: absolute;
	z-index: 20;
	height: 20px;
	width: 20px;
	top: 3px;
	right: 3px;
}

.TopFrameEditIcon2 {
	position: absolute;
	z-index: 20;
	height: 20px;
	width: 20px;
	top: 3px;
	right: 30px;
}

.Wait {
	font-family: Arial, Helvetica, sans-serif;
	color: #3333FF;
	font-size: 12px;
	font-weight: bold;
}

.shadow {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	-moz-box-shadow: 3px 4px 4px #000;
	-webkit-box-shadow: 3px 4px 4px #000;
	box-shadow: 3px 4px 4px #000;  
	/* For IE 8 */
	/* -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  */
	/* For IE 5.5 - 7 */
	/* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  */
}