/* CSS Document */


.messageIndex, .discussionIndex, .eventIndex, .messageView{
	padding-left: 20px;
	}
	.messageIndex{
		background:url(../img/icon-email.gif) no-repeat;
		}
	.discussionIndex{
		background:url(../img/icon-discussion.gif) no-repeat;
		}
	.eventIndex{
		background:url(../img/icon-event.gif) no-repeat;
		}	
	.messageView{
		background:url(../img/icon-email-view.gif) no-repeat left;
		padding-top: 4px;
		}
.messageAction, .discussionAction, .eventAction{
	float:right;
	width:200px;
	clear:both;
	text-align:right;
	margin-top:-15px;
	}
.commentContent{
	overflow:hidden;
	}

/* Structure */
.postContainer{ /* with dashed dividers */
	float: left;
	width: 590px;
	position: relative;
	border-bottom: 1px dashed #E4E4E4;
	padding-top: 12px;
	padding-bottom:0px;
	margin-bottom:4px;
	
	background-image: url(../img/bg-blue2white.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
.postHasReply{
	background-image: none;
	}
/*.postHasReply h2,
	.postHasReply h2 a,
	.postHasReply .postedByName,
	.postHasReply .postedByName a,
	.postHasReply .postDate
	{
	color:#999;
	}*/
.postContainerIndex{ /* solid dividers */
	border: 1px solid #E4E4E4;
	}
.postContent{
	float: left;
	width: 500px;
	}	
.postContentMessage{ /* more narrow width - makes room for delete box */
	float: left;
	width: 473px;
	}
	
	
/* Elements */
.memberThumbnail{
	float: left;
	height: 42px;
	width: 42px;
	background-color: #eee;
	border: 1px solid #CCC;
	margin: 5px 17px 0 10px;
	}
.postDate{
	color: #999;
	}
.postedByName a{
	color: #2984D6;
	}	
.replyLink{
	margin-top: 15px;
	float: right;
	}
.listReplyLink{
	float: right;
	}
.foundInLink{
	color: #999;
	margin-top: 15px;
	float: left;
	}
	
	
	
.postOptions{ /* favorites, flag, edit, etc. */
	float: right;
	background: none;
	background-color:#F2F2F2;
	border-top:#f0f0f0;
	width: 100%;
	text-align:right;
	display:block;
	margin:1.5em 0px 0px;
	background-image: url(../img/bg-black2grey.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
	.postOptions a{ /* favorites, flag, edit, etc. */
		display:block;
		background-color:#fff;
		/*background-color:#E6F2FF;*/
		margin:0px 2px 0px 0px;
		height:16px;
		padding:1px 0.7em;
		text-align:center;
		text-decoration:none;
		border:1px solid #ccc;
		border-top:0px none;
		margin-bottom:opx;
		float:right;
		color:#888;
		}
	.postOptions a:hover{
		color:#fff;
		}
/*	.postOptions a.reply{
		background-color:#2d7b35;
		color:#51BF5B;
		border-color:#1A441E;
		}*/
	.postOptions a.reply:hover{
		color:#fff;
		background-color:#51BF5B;
		border-color:#2d7b35;
		}
	.postOptions a.reply:active{
		color:#2d7b35;
		background-color:#fff;
		border-color:#51BF5B;
		}
/*	.postOptions a.save{
		background-color:#0a72b1;
		color:#52B8F5;
		border-color:#053F61;
		}
*/	.postOptions a.save:hover{
		color:#fff;
		background-color:#52B8F5;
		border-color:#0a72b1;
		}
/*	.postOptions a.archive{
		background-color:#d98e1b;
		color:#F2CD95;
		border-color:#7B500F;
		}
*/	.postOptions a.archive:hover{
		color:#fff;
		background-color:#ECB35E;
		border-color:#d98e1b;
		}
/*	.postOptions a.trash{
		background-color:#c64a1f;
		color:#F0B7A4;
		border-color:#672610;
		}
*/	.postOptions a.trash{
		/*border-right:0;*/
		}
	.postOptions a.trash:hover{
		color:#fff;
		background-color:#E37D5B;
		border-color:#c64a1f;
		}
/*	.postOptions a.edit{
		background-color:#0a72b1;
		color:#52B8F5;
		border-color:#053F61;
		}
*/	.postOptions a.edit:hover{
		color:#fff;
		background-color:#52B8F5;
		border-color:#0a72b1;
		}
	
	
	
/* Typography */
.postContent h2{
	color: #4CB02D; /* green */
	}
.postContent h3{
	color: #CCC;
	font-size: 1.2em;
	}
.postContent h3 a{
	color: #4CB02D;
	font-size: 1.2em;
	}
.postContent p{
	margin-right: 25px;
	}

/* Message index */	
.messageMarker{ 
	float: right;
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
	padding: 0 6px;
	width: 16px;
	background: #F6F6F6;
	}
.deleteBox{
	margin-top: 6px;
	margin-left: 2px;
	}
	


.commentForm{
	clear:both;
	margin:0px auto;
	width:100%;
	background-color:#E6F2FF;
	background-image: url(../img/bg-grey2blue.gif);
	background-repeat: repeat-x;
	background-position: top;
	}
.commentForm .textArea{
	width:555px;
	margin:1em 1em 0em;
	}
.commentForm .buttonSmallest{
	margin:0.5em;
	margin-right:1em;
	}

a.cancel{
	color:red;
	margin:1em;
	vertical-align:5px;
	}

/*#pageHeader #topNav ul li.utility a{
	background-color:#51BF5B;
	border-color:#2F6D1D;
	}
#pageHeader #topNav ul li.utility a:hover{
	background-color:#308138;
	}*/

/*#myGroups li{
	background-image: url(../img/bg-blue2white.gif);
	background-repeat: repeat-x;
	background-position: top;
}*/


#composeArea{
	/*display:block;*/
	clear:both;
	margin:1em auto;
	width:450px;
	background-color:#E6F2FF;
	background-image: url(../img/bg-blue2white.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;
	padding:0.5em;
	border-top: 2px solid #9FCDFF;
	}
	#composeArea h3{
		border-bottom:1px solid #ccc;
		font-size:160%;
		}
	#composeArea .textArea{
		margin:0em auto 1em ;
		width:250px;
		}
	#composeArea #sendTo{
		margin:1em auto 0em 0;
		text-align:left;
		}
label, fieldset div.cr p {
	width: 5.3em;
	text-align: right;
	float: left;
	margin-right: 10px;
	}

.postReplies,
.postShortReply{
	padding:1em;
	}
.postReply{
	border-top:2px solid #ddd;
	}
.postReplyText{
	margin:1em 0px;
	}
.postReplyDetails{
	display:block;
	margin:1em;
	border-top: 1px dotted #D4D4D4;
	}

a.readReplies{
	padding:0.2em;
	border:2px solid #9FCDFF;
	}
a.readReplies:hover{
	text-decoration:none;
	border:2px solid #9FCDFF;
	/*background-color:#E6F2FF;*/
	background-image: url(../img/bg-white2blue-v.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	}