.mailMainDiv
{
	padding: 30px 0px 0px 10px;
}

.mainTable
{
	width: 100%;
}

.mainTable .folders
{
	width: 200px;
}

.mainTable .messages
{
	
}

.messageList
{
	
}

.listHeader
{
	background-color: #fbfbfb;
}

.listRow
{
	
	
}

.invisibleValue
{
	display: none;
}

.msgCount
{
	text-align: right;
	padding-right: 5px;
	height: 45px;
	vertical-align: bottom;
}

.listRow .checkBoxField
{
	width: 25px;
	text-align: left;
	vertical-align: middle;
}

.listRow .imageField
{
	width: 60px;
	text-align: left;
	vertical-align: middle;
}

.listRow .senderField
{
	
	text-align: left;
	vertical-align: middle;
	width: 100px;
	
}

.listRow .subjectField
{
	padding-left: 20px;
	padding-right: 10px;
	width: 300px;
	vertical-align: middle;
}

.listRow .actionsField
{
	
	padding-left: 55px;
	vertical-align: middle;
}

.listRow .userImage
{
	width: 50px;
}

.listRow .msgText
{
	color: #555555;
	font-size: 9pt;	
	
	
}

.listRow .subjectText
{
	color: #666666;
	font-size: 10pt;
	font-weight: bold;	
}

.listRow .username
{
	color: #666666;
	font-size: 8pt;
}

.listRow .date
{
	color: #cccccc;
	font-size: 7pt;	
}

.messageItemTable
{
	width: 100%;
	border-top: 0px;
	/*border-right: 1px dotted #cccccc;*/
	border-left: 1px dotted #cccccc;

}

.messageItemTable td
{
	border-bottom: 1px dotted #cccccc;
	padding-top: 5px;
	padding-bottom: 3px;
	

	
}

.listActionsTbl
{
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #f9f9f9;
	height: 35px;
	
	font-size: 8pt;
	width: 100%;
}

.messageHeaderTable
{
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color: #f9f9f9;
	
	font-size: 8pt;
	width: 100%;
}

.messageHeaderTable td
{
	
	padding-top: 3px;
	padding-bottom: 3px;
	
}

.foldersBox
{
	vertical-align: top;
	
}

.foldersBox .actions 
{
	
	vertical-align: top;
	width: 150px; 
}


.foldersBox .actions a 
{
	font-size: 10;
	color: #666666;
	display: block;
	margin: 0px;
	padding: 2px 4px;	
	text-decoration: none;
	border-bottom: solid 1px #D8DFEA;
}

.foldersBox .actions a:hover 
{
	color: white;
	background: #3B5998;
	text-decoration: none; 
}

.foldersBox .actions .selected 
{
	font-size: 10;
	color: #666666;
	background-color: #cccccc;
	display: block;
	margin: 0px;
	padding: 2px 4px;	
	text-decoration: none;
	border-bottom: solid 1px #D8DFEA;
}


/* Read message */

.messageFrame
{
	text-align: left;
	padding: 15px 15px 15px 15px;
	background-color: #85B5FA;
	width: 500px;
}

.messageFrame .messageView
{
	border: 1px solid #444444;
	background-color: White;
	
	padding: 15px 10px 10px 10px;
	
}

.messageFrame .messageView .msgButtons
{
	margin-top: 5px;
	text-align: right;
}

.messageFrame .messageView .mHeader
{
	padding-bottom: 3px;
	
	border-bottom: 1px solid #cccccc;
	font-size: 12pt;
	
		
}

.messageFrame .messageView .mDate
{
	padding-top: 3px;	
	color: #cccccc;
	font-size: small;
	
}

.messageFrame .messageView .mSenderImageColumn
{
	float: left;
	
}

.messageFrame .messageView .mSenderImageColumn img
{
	width: 50px;
	
}

.messageFrame .messageView .mContent
{
	float: right;
}

.messageFrame .messageView .mContent .mKey
{
	padding-left: 10px;
	color: GrayText;
	vertical-align: top;
	width: 60px;
	font-weight: bold;
}

/* Message history */

.messageHistory
{
	margin-top: 20px;
	width: 500px;	
	text-align: left;
}

.messageHistory .date
{
	font-size: small;
	color: #CCCCCC;
	
	vertical-align: top;
	width: 60px;
}

.messageHistory .sender
{
	font-size: small;
	color: #5C7EAD;
	vertical-align: top;
	width: 100px;
}

.messageHistory .receiver
{
	font-size: small;
	color: #85B5FA;
	vertical-align: top;
	width: 100px;	
}

.messageHistory .currentMessage
{
	background-color: #FFFFCC;
}

.messageHistory .message
{
	font-size: small;
	color: Black;
	vertical-align: top;
	
}

.messageHistory .message a
{
	color: Black;
}

.messageHistory .message a:hover
{
	text-decoration: none;
}

.historyHeader
{
	padding: 3px;
	border-bottom: 1px solid #cccccc;
}

.noscroll
{
	overflow: hidden;
}