#ssMessages { width: 510px; padding: 10px; display: none; }

#ssMessages .template { display: none; }

/* tabs bar css */
#ssMessages .tab { padding: 5px 5px; border: 1px solid #999; border-bottom: 0px none; cursor: pointer; }
#ssMessages .inbox { float: left; margin-left: 10px; }
#ssMessages .sent { float: left; }
#ssMessages .write { float: right; margin-right: 10px; }
#ssMessages .highlight { background-color: #004157; color: #FFFFFF; }
#ssMessages .highlightSubject { background-color: #CECECE; }

#ssMessages .headersContainer, #ssMessages .messageContainer, #ssMessages .messageBorder { float: left; width: 97%; margin-bottom: 10px; padding: 8px; border: 1px solid #999; }

#ssMessages .messageBorder { margin: 0; padding: 7px; width: 97%; }

#ssMessages .messageContainer { display: none; }

#ssMessages table { width: 100%; border-collapse: collapse; }

#ssMessages .messages { margin-bottom: 10px; }

#ssMessages .messagesHeaders { margin-top: 10px; }

#ssMessages .messages th { border: 0px; border-collapse: collapse; }
#ssMessages .messages td { vertical-align: middle; 
	border-color: #CECECE;
	border-width: 0 0 1px 0;
	border-style: solid;
}

#ssMessages .messagesHeaders tbody tr { border-bottom: 1px solid #999; }
#ssMessages .messagesHeaders thead { background-color: #EAEDEC; border-collapse: collapse; font-size: 11px; }

#ssMessages .columnHeaders th { cursor: pointer; }
#ssMessages .columnHeaders .sortOrder { background-image: url('../../images/opacArrowRight.gif'); height: 9px; width: 5px; float: left; margin: 1px 8px 4px 0; }
#ssMessages .columnHeaders .sortDown { background-image: url('../../images/opacArrowDown.gif'); height: 5px; width: 9px; float: left; margin: 5px 4px 4px 0; }
#ssMessages .columnHeaders .sortUp { background-image: url('../../images/opacArrowUp.gif'); height: 5px; width: 9px; float: left; margin: 5px 4px 4px 0; }

#ssMessages .columnHeaders .isRead .sortDown { margin-left: 4px; }
#ssMessages .columnHeaders .isRead .sortUp { margin-left: 4px; }

#ssMessages .isRead { width: 5%; padding-left: 2px; }

#ssMessages .message .subject, #ssMessages .messagesHeaders .subject { width: 50%; }
#ssMessages .message .date, #ssMessages .messagesHeaders .date { width: 25%; }
#ssMessages .message .name, #ssMessages .messagesHeaders .name { width: 12%; }
#ssMessages .message .check, #ssMessages .messagesHeaders .check { width: 8%; }
#ssMessages .message { font-size: 95%; width: 100%; }

#ssMessages .isRead .sort { margin: 4px; }

#ssMessages .isRead .unread { background: url('../../images/messageUnread.gif') no-repeat top right; height: 12px; width: 12px; margin: 2px; }

 /* set height for scroll if needed, otherwise it's set dynamically in JS */
#ssMessages .scroll { width: 100%; overflow: auto; }

#ssMessages .isRead, #ssMessages .check { text-align: center; }

#ssMessages .messageContainer .subject { width: 98%; background-color: #EAEDEC; padding: 5px; overflow: hidden; font-weight: bold; }
#ssMessages .messageContainer .subject .close { background-color: #EAEDEC; float: right; cursor: pointer; }
#ssMessages .messageContainer .from { font-size: 90%; padding: 3px; }
#ssMessages .messageContainer .body { padding: 3px; overflow: auto; }
#ssMessages .messageContainer .reply { padding: 3px; }

/* send reply message */
#ssMessages .newMessage td { padding: 4px; }
#ssMessages .newMessage .toHeader { width: 12%; }
#ssMessages .newMessage .subject, #ssMessages .newMessage .name .to { width: 60%; }
#ssMessages .newMessage .body { width: 98%; height: 80px; overflow: auto; }

/* reply is displayed */
#ssMessages .messageContainer .replyTo { width: 12%; }
#ssMessages .messageContainer .replyBody { padding: 0 5px; overflow: auto; color: #999; }

#ssMessages .link { cursor: pointer; color: #C51537; }

#ssMessages .headersContainer .massAction { float: right; }

#ssMessages .headersContainer .massActionArrow { margin: 0 15px; background: url('../../images/messageActionArrow.gif') no-repeat top right; height: 16px; width: 13px; }

#ssMessages .cancel { margin-left: 10px; }
 
#ssMessages .message .subject, #ssMessages .message .date { cursor: pointer; }
#ssMessages .loading { background: url('../../images/ajax.gif') no-repeat; width: 16px; height: 16px; margin: 0 auto; }

#ssMessages .msg .subject .text { float: left; }

#ssMessages .helper { color: #666; }
.opacLogin .template { display: none; }