

.barGraph {
	border: 1px solid #999;
	height: 13px;
	line-height: 13px;
	background-color: #ccc;
	margin-top: .2em;
	font-size: 11px;
}

.barNew {
	background-color: #390;
	line-height: 13px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	
	/* border-top: #060 1px solid; */
	/* border-left: #060 1px solid; */
	/* border-right: #6c3 1px solid; */
	/* border-bottom: #6c3 1px solid; */
	padding-left: 1px;
	text-align: left;
}

.tip{
	display:none !important;
}


.barTotal {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
	position: relative;
	top: -2px;
}



H3.discussionActivity
{
	color: #666;
	font-weight: bold;
	margin-bottom: 6px;
	float: none;
}



FIELDSET.individualDiscussion, FIELDSET.teamDiscussion
{
/*	margin-left: 16px; */
	margin-bottom: 0px;
	margin-top: 2px;
	padding: 20px 10px 10px 10px;
	width: 90%;
	font-size: 80%;
}



FIELDSET.individualDiscussion
{
	border: 8px solid #bdcfde;
}

FIELDSET.teamDiscussion
{
	border: 8px solid #e5e5cc;
}


LEGEND
{
	font-weight: bold;
	font-size: 90%;
	
}


SPAN.selectedIndividualDiscussion
{
	background-color: #bdcfde;
}


SPAN.selectedIndividualDiscussionWithNew
{
	background-color: #bdcfde;
	font-weight: bold;
}

SPAN.selectedTeamDiscussion
{
	background-color: #e5e5cc;
}



SPAN.selectedTeamDiscussionWithNew
{
	background-color: #e5e5cc;
	font-weight: bold;
}


P.discussionParticipants
{   
	/*IE7 peekaboo bug fix*/
	min-height:1em;
	margin-left: 12px;
	margin-top: 0px;
	clear: both;
}
P.discussionParticipants a{
	display:none !important;
}


*html  P.discussionParticipants{
	/*IE6 peekaboo bug fix*/
	zoom:1;
}


H2.discussionScopeTitle
{
	margin: 0px 0px;
}

IMG.discussionScopeIcon
{
	position: relative;
	float: left;
}


DIV.classDiscussionHeading, DIV.teamDiscussionHeading, DIV.individualDiscussionHeading
{
	padding: 10px 0px 0px 0px;
	height: 50px;
}


DIV.classDiscussionHeading
{
	background-color: white;
	border-left: 8px solid white;
}


DIV.teamDiscussionHeading
{
	/*mood - begin*/
	background-color: white;
	border-left: 8px solid white;
	/*mood - end */
}


DIV.individualDiscussionHeading
{
	/*mood - begin*/
	background-color: white;
	border-left: 8px solid white;
	/*mood - end */
}




DIV.classDiscussion, DIV.teamDiscussion, DIV.individualDiscussion
{
	background-color: white;
	color: #000;
	/* padding: 10px  5px 10px 5px; */
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 50px;
	font-size: 80%;
}


DIV.classDiscussion
{
	border-left: 8px solid white;
}
/*IE peakaboo fix */
DIV.classDiscussion div p {
	min-height:1em;
}

/*have to set button height as a result of fix above*/
DIV.classDiscussion div p  a{
	 display:inline-block;
}

DIV.teamDiscussion{
	/*mood - begin*/
	border-left: 8px solid white;
	/*mood - end */
}

DIV.individualDiscussion
{
	/*mood - begin*/
	border-left: 8px solid white;
	/*mood - end */
	
}




A.scopeWithNewPost
{
	font-weight: bold;
}

A.discussionBtn:link, A.discussionBtn:visited
{
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #blue;
	background-color: transparent;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-image: url(/images/C2/replybuttonback.gif);
	background-repeat: repeat-x;
	padding: 4px 4px;
	font-size: 85%;
	display:none !important;
}

A.AnncBtn:link, A.AnncBtn:visited
{
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000;
	background-color: transparent;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-image: url(/images/C2/replybuttonback.gif);
	background-repeat: repeat-x;
	padding: 4px 4px;
	font-size: 85%;
}



A.expandCollapse
{
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 85%;
	color: #000;
	background-color: transparent;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background-image: url(/images/C2/replybuttonback.gif);
	background-repeat: repeat-x;
	height: 12px;
	width: 12px;
}




A.discussionBtn:hover, A.expandCollapse:hover
{
	color: #000;
	background-color: transparent;
	background-image: url(/images/C2/replybuttonback_roll.gif);
	text-decoration: none;
}


FORM.messageForm, FORM.messagePreview
{
	color: #000;
	background-color: white;
	padding-top: 0px;
	padding-left: 0em;
	padding-right: 0em;
	padding-bottom: 1em;
	border-right: 2px solid #CCE2FD;
	border-bottom: 2px solid #CCE2FD;
	border-left: 2px solid #CCE2FD;
	border-top: 2px solid #CCE2FD;
	/* width: 475px; */
	width: expression(parent.messageFormWidth); 
}


DIV.dialogBoxClientArea
{
	margin-left: 1em;
	margin-right: 1em;
	text-align: left;
	
}



DIV.dialogButtonArea
{
	margin-left: 1em;
}


DIV.dialogButtonAreaPleaseWait
{
	visibility: hidden;
	margin-left: 1em;
}


DIV.groupBox
{
	color: #000;
	background-color: white;
	padding-left:10px; 
	margin-top: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
	/* width: 450px; */
	width: expression(parent.messageFormWidth - 25); 
	padding:5px;
}


H2.groupBoxTitle
{
	font-weight: bold;
	background-color: transparent;
	color: #369;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90%;
	margin-bottom:10px;
}

H2.msgDialog
{
	font-family: verdanda, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #369;
	/* width: 475px; */
	width: expression(parent.messageFormWidth - 6); 
	background-color: white;
	font-size: 90%;
	padding-left: 0.5em;
	padding-top: 4px;
	padding-bottom: 4px;
	margin: 0px 0px;
}




P.msgDialog
{
	font-size: 90%;
	text-align: left;
	margin-top: 0.5em;
	margin-bottom: 0.4em;
	/* width: 450px; */
	width: expression(parent.messageFormWidth - 25); 
}

DIV.messagePreviewContent
{
	word-wrap:break-word;
	padding: 1.5em 0.5em;
	text-align: left;
	border-color: #999 #fff #fff #999;
	border-style: solid;
	border-top-width: 2px; 
	border-right-width: 3px; 
	border-bottom-width: 3px; 
	border-left-width: 2px; 
	background-color: #eee;
	color: #000;
	margin-bottom: 1em;
	/* width: 425px; */
	width: expression(parent.messageFormWidth - 50);
}


DIV.replyBody
{
	padding: 0.3em 0.5em;
	font-size: 90%;
	text-align: left;
	border-color: #999 #fff #fff #999;
	border-style: solid;
	border-top-width: 2px; 
	border-right-width: 3px; 
	border-bottom-width: 3px; 
	border-left-width: 2px; 
	background-color: #eee;
	color: #000;
	margin-bottom: 1em;
	/* width: 425px; */
	width: expression(parent.messageFormWidth - 50);
}


DIV.discBarArea
{
	margin-top: 3em;
	border: 1px solid blue;
}


HR.seedSeparator
{

	border-top: 1px dashed #666;
	border-bottom: 1px solid transparent;
	margin-left: 12px;
	padding-left: 0px;
	margin-top: 12px;
}



DIV.threadedMessage, DIV.instructorSeed, DIV.studentSeed, DIV.newThreadedMessage, DIV.newInstructorSeed, DIV.newStudentSeed
{
	/* This word-wrap:break-word is causing IE6, and possibly IE7, to hang on expanded blog pages.
	   Disabling for now, but long URLs and such will cause our layout to look bad...
		word-wrap:break-word;  */
	border-left: 1px solid #666;
	border-top: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	padding: 4px 0px 4px 12px;
	background-color: white;
	position: relative;
}



DIV.newInstructorSeed, DIV.newStudentSeed, DIV.newThreadedMessage
{
	border-left: 1px solid green; 
}



DIV.newThreadedMessage, DIV.newInstructorSeed, DIV.newStudentSeed
{
	color: green;
}


SPAN.instructorReply
{
	background-color: #fd9;
}



P.attachedFiles
{
	margin: 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 80%;
}


DIV.messageAttachments
{
	margin-left: 20em; 
	text-align: left; 
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}




A.reply
{
	font-size: 85%;
	font-weight: normal;
	text-decoration: underline;
}

A.comment
{
	font-weight: normal;
	text-decoration: underline;
	font-size: 80%;
}



DIV.messageBy
{
	margin: 4px 0px;
	color: black;
	position: relative;
	/*this border's purpose is fix  an IE6bug and force the .messageBy div  into 'hasLayout' mode. - the border isn't visible*/
	border:1px solid #fff;
}
a.deleteComment{
	font-size:0.8em;  
	display:block; 
	position:absolute; 
	right:5px; top:0; 
	padding:0; 
	margin:0; 
	width:auto;
}
/*IE6 */
*html a.deleteComment{right:15px}


P.byLine
{
	margin: 4px 0px;
	font-size: 85%; 
	width: 100%;
}

P.commentByLine
{
	margin: 4px 0px;
	font-size: 85%; 
}

DIV.traceLine
{
	border-left: 1px solid #ddd; 
	position: relative;
}

SPAN.newIndicator
{
	background-color: green;
	color:white;
	padding: 0px 2px;
	font-size: xx-small;
	font-weight: bold;
}


SPAN.sentWorkIndicator
{
	background-color:red;
	color:white;
	font-weight:bold;
	padding: 0px 2px;
	font-size: xx-small;
}

SPAN.returnedWorkIndicator
{
	background-color:orange;
	color:white;
	font-weight:bold;
	padding: 0px 2px;
	font-size: xx-small;
}

DIV.sentWorkIndicator
{
	background-color:red;
	color:white;
	font-weight:bold;
}
*html DIV.sentWorkIndicator{
	/*IE6 peekaboo bug fix*/
	zoom:1;
}


DIV.returnedWorkIndicator
{
	background-color:orange;
	color:white;
	font-weight:bold;
}

*html DIV.returnedWorkIndicator
{
/*IE6 peekaboo bug fix*/
	zoom:1;
}



UL.collapsedThread
{
	/* Must set both padding and margin for cross-browser compatibility */
	margin-left: 4px;
	padding-left: 16px;
	margin-top: 0px;
	padding-top: 2px;
	/*set min-height for damn IE peakaboo fix */
	min-height:1em;

}
*html UL.collapsedThread{
	height:1em;
}



UL LI.collapsedThread
{
	font-size: xx-small;  
	list-style-type: none;
}


UL UL LI.collapsedThread
{
	list-style-type: disc;

}

UL UL UL LI.collapsedThread
{
	list-style-type: circle;

}


UL UL UL UL LI.collapsedThread
{
	list-style-type: square;

}



LI.collapsedThread
{
	font-size: x-small; 
	padding: 1px 0px;
}


LI.emptyItem
{
	list-style-type: none;
	font-size: 0px;
	list-style-image: none;
}


P.collapseAll
{
	margin: 8px 0px 2px 0px;
}

/*mood - begin*/
.MdiscussionIndicator{
        font-family: Arial, Helvetica, sans-serif;
		background: white;
		margin: 0px 0px;
		padding: 0px 0px;
		
		PADDING-LEFT: 0px; 
		FONT-SIZE: 80%; 
		MARGIN-BOTTOM: 0px; 
		COLOR: #000; 
		PADDING-TOP: 0px; 
		/*POSITION: relative*/
		
		
		
		CLEAR: both; 
}


.MbarGraph {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; MARGIN-TOP: 0.2em; FONT-SIZE: 11px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 13px; BORDER-BOTTOM: #999 1px solid; HEIGHT: 13px; BACKGROUND: #ccc;
}


.MbarNew {
	BORDER-TOP: #999 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #999 1px solid; COLOR: #fff; LINE-HEIGHT: 13px; BORDER-BOTTOM: #999 1px solid; BACKGROUND: #390; TEXT-ALIGN: center;
}

.MbarZeroNew {
	BORDER-TOP: #999 1px solid; PADDING-LEFT: 0px; padding-right: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #999 1px solid; COLOR: #390; LINE-HEIGHT: 13px; BORDER-BOTTOM: #999 1px solid; BACKGROUND: #fff; TEXT-ALIGN: center;
}

.MbarZeroTotal{
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; MARGIN-TOP: 0.2em; FONT-SIZE: 11px; BORDER-LEFT: #999 1px solid; LINE-HEIGHT: 13px; BORDER-BOTTOM: #999 1px solid; HEIGHT: 13px; BACKGROUND: #fff;TEXT-ALIGN: center;
}
.MbarTotal {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	MARGIN-LEFT: 5px; 
	COLOR: #999999; 
	/* POSITION: relative;  */
	TOP: 0.5px;
}

.MbarLink {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px;
	MARGIN-LEFT: 0px; 
	COLOR: #666; 
	/*POSITION: relative; */
	TOP: 2px;
	
	
}

.MbarLink:link  {
	background-color: transparent;
	COLOR : #999999
}


.MbarLink:active  {
	background-color: transparent;
	color: #666666;
	text-decoration: underline;
}

.MbarLink:visited  {
	background-color: transparent;
	color : #999999;
	text-decoration: underline;
}

.MbarLink:hover {
	background-color: transparent;
	color: #69c;
	text-decoration:underline

}

.MbarZero {
z-index:	29;
padding: 0px;
margin: 0px;
border: #390 1px solid;
background: #fff;
color: #390;
width: 8px;
text-align:center;
height: 8px;
valign: middle;
}
/*mood - end */

DIV.error
{
	color: red;
	background-color: #ffc;
	border: thin double red;
	padding: 2em 2em;
}

DIV.confirm
{
	color: green;
	background-color: #ffc;
	border: thin double green;
	padding: 2em 2em;
}
