/** 
	Mail CSS Classes 
**/

.replyForwardedMainHeader {
	
	background: rgb(228, 228, 228);
	display: inline;
	padding-right:30px;
	
}   

.replyForwardedMessageHeaders {
	
	display: inline;
	font-weight: bold;
	
}   

/*
	Autocomplete adjustments
*/
.textboxlist-autocomplete-results {
	z-index:9999;
	position:absolute;
}

/* inline composer attachments css */ 

#composerAttachmentsHolder {
	border: 1px solid #999999;
	margin: 0 -8px 14px 8px;
	overflow: hidden;
	padding: 5px 4px 6px 5px;
	list-style: none;
	min-height:18px;
	*margin-right: 0px;
}

/* 
	Message List 
*/

#pdfThumbnail {
	border: 2px solid #cccccc;
}

#messageListCompact {
	width: 268px;
	border-right: 1px solid #97A9B6;
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	padding-right: 22px;
	overflow-y: auto;
	overflow-x: hidden;
}

.mailSubject {
	width: 260px;
	-webkit-text-overflow: ellipsis;
	text-overflow:ellipsis;
	margin-left: 1px;
	margin-top: 4px;
}

.mail_row .check {
	float: left;
	display: inline;
	position: relative;
	padding-right: 4px;
}

.mail_row #msgIcon {
	display: block;
	position: relative;
	margin-top: 5px;
}

#msgIcon.unread {
	display: block;
	position: relative;
	background: url("../images/icons/unread.png") 100% 0 no-repeat;
	height: 14px;
	width: 13px;
}

#msgIcon.reply {
	display: block;
	position: relative;
	background: url("../images/reply.png") 100% 0 no-repeat;
	height: 14px;
	width: 15px;
}

.meta span#msgIcon.reply, .meta span#msgIcon.unread {
	display: inline;
	position:absolute;
	right:10px;
	*top: 10px; /* IE7 */
}


#msgIcon.read {
	display: block;
	position: relative;
	height: 14px;
	width: 15px;
}

.mail_row {
	top: 10px;
	width: 280px;
	height: 94px;
	padding: 13px 0px 0px 10px;
	border-bottom: 1px solid #CCCCCC;
	cursor: pointer;
}

.mail_row .mailDate {
	color: #97A9B6;
	display: inline;
	float: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
	padding-right: 20px;
	padding-top: 2px;
	padding-left: 3px;
}

.read H3, .read H4, .reply H3, .reply H4 {
	font-weight: normal;
}

.mail_row .mailFrom H3 {
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	float: none !important;
}

.mail_row .mailSubject H4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	
	margin-left: 0px;
	font-size: 12px;
}

.mail_row .mailPreview {
	overflow: hidden;
	color: #999;
	height: 45px;
	padding-top: 4px;
	width: 260px;
}

#mail_info {
	background: #fff none repeat scroll 0 0;
	position: absolute;
	bottom: 0;
	left: 295px;
	right: 0;
	top: 0;
	padding: 0;
	overflow: auto;

}


#mail #primary_content { /* Scrollbar for email view */
	overflow: hidden;
}

#mail #primary_header {
	height: 37px;
}

#mail #primary_content {
	top: 110px;
}

#mail #primary_content_inner {
	height: 100%;
	padding-bottom: 1px;
}

#mail_info #primary_content_inner {
	width: 100%;
}



table.messages {
	table-layout: fixed;
}

table.messages th,table.messages td {
	padding: 7px 17px 5px;
}

table.messages th:hover {
	text-decoration: underline;
}

table.messages tr.messageItem {
	cursor: pointer;
	vertical-align: middle;
	border-bottom: 1px solid #D8DFE4 !important;
}

/*
table.messages tr:hover {
	background-color: #f7f7f7;
}
*/

table.messages tr:nth-child(even) { background-color:#f9f9f9; }

table.messages tr.unread {
	font-weight: bold;
}


table.messages thead {
	cursor: pointer;
	vertical-align: middle;
}

table.messages thead .attachments 
{

	cursor: default;
	
}

/*
table.messages tr.unread:hover {
	background-color: #EAEEF3;
}
*/

table.messages th.unread, table.messages td.unreadImg {
	width:14px;
	white-space:nowrap;
	overflow:hidden;
	padding:5px 7px 3px;
}

table.messages th.checkBox, table.messages td.checkBox {
	width:14px;
	white-space:nowrap;
	overflow:hidden;
	padding:7px 7px 5px 4px;
}

table.messages th.from,table.messages td.from {
	width: 290px;
	white-space: nowrap;
	overflow: hidden;
	padding: 0;
}

table.messages td.subject {
	color: #000;
	white-space: nowrap;
	overflow: hidden;
}

table.messages td.subject strong {
	color: #333;
	font-weight: normal;
}

table.messages td.subject font.preview {
	color: #999;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden
}

table.messages tr.unread td.subject strong {
	color: #000;
	font-weight: bold;
}

table.messages th.date {
	width: 100px;
	padding-left: 2px;
	padding-right: 0;
}

table.messages td.date {
	width: 100px;
	padding-left: 13px;
	padding-right: 0;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

table.messages th.size {
	width: 40px;
	padding-right: 14px;
}

table.messages td.size {
	width: 42px;
	padding-left: 13px;
	padding-right: 6px;
	text-align: right;
}

table.messages th.attachments {
	width: 20px;
	padding-right: 22px;
	text-align: right;
}

table.messages td.attachments {
	width: 20px;
	text-align: right;
	font-weight: normal;
}

table.messages td.attachments img {
	position: relative;
	top: 3px;
}

table.messages a {
	color: #333;
	text-decoration: none;
}

table.messages tr.unread a {
	color: #000;
}

table.messages th {
	height: 25px;
}

table.messages th.desc {
	background: url("../images/sort-desc.png") no-repeat;
	background-position: right;
}

table.messages th.asc {
	background: url("../images/sort-asc.png") no-repeat;
	background-position: right;
}


/** 
	Paging 2-pane
**/

.pagingtxt 
{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

.pagingtxt span
{
	color: #666;
}

#pagingnext
{
	/** background-image: url("../images/paging.jpg"); **/
	float: left;
	height: 19px;
	width: 39px;
	margin-right: 7px;
	cursor: pointer;
}

.pagingIcon 
{
	padding: 0; 
	margin: 0;
	vertical-align: top;
	cursor: pointer;
}



#pageSelect {
	height: 17px;
	font-size: 11px;   
}


/** 
	Paging 3-pane
**/

.mail_row_paginator {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#EEEEEE none repeat scroll 0 0;
	height:29px;
	margin-left:0;
	margin-top:1px;
	overflow:hidden;
	padding-left:8px;
	padding-top:8px;
	white-space:nowrap;
	width:279px;
}

.mail_row_paginator span
{
	color: #666;
}

#pagingnext-3
{
	/** background-image: url("../images/paging.jpg"); **/
	height: 19px;
	width: 39px;
	float: right;
	margin-right: 20px;
}


/**
	Message View 
**/


div#message_wrapper {
	margin: 10px 8px;
}

div.message {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	background: url(../images/message_top.gif) repeat-x;
}

div.message a {
	color: #06c;
	text-decoration: none;
}

div.message a.filename {
	color:#000000;
	font-size:17px;
	font-weight:normal;
	float: left;
}

span.filesize {
	color:#666666;
	float:left;
	font-weight:normal;
	padding-left:5px;
	padding-top:2px;
	clear: both;
}

div.message a:hover {
	text-decoration: underline;
}

div.attachments {
	padding-top: 6px;
}

div.message_outer {
	float: left;
	display: inline;
	width: 100%;
	background: url(../images/message_left.gif) no-repeat;
}

div.message_inner {
	float:left;
	display:inline;
	width:100%;
	min-width:500px;
	background:url(../images/message_right.gif) 100% 0 no-repeat;
}

div.message div.body img.attachedImg {
	border: 0px;
	max-width: 95%;
}


/* 
	Details DIV
*/


div.details {
	margin: 2px 9px 0;
	overflow: none;
}

div.details h3 {
	float: left;
	display: inline;
	margin: 0 !important; 
	padding: 15px 20px 0px !important;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	height: 26px;
	clear: both;
}

div.details h3.showcc {
	clear:both;
	display:inline;
	margin-left:0 !important;
	overflow:hidden;
	padding-top:0 !important;
	white-space:nowrap;
}

div.details h3.showcc div {
	display: inline; 
	font-weight:bold;
}

.details h3 a {
	background: none !important;
}

div.details h3.collapse {
	float: left !important;
	display: inline !important;
	margin: 0 !important;
	padding: 18px 20px 12px !important;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	width: 100%;
	height: 100%;
}

div.details h3 strong {
	font-weight: bold;
}

div.details div.photo {
	position: relative;
	float: left;
	margin: 0;
	padding: 18px 10px 28px 20px;
	width: 60px;
	height: 60px;
}

div.details div.meta {
	background-color:#FFFFFF;
	display:inline;
	float:right;
	height:20px;
	margin:5px 0 0;
	padding:11px 80px 0 8px;
	position:absolute;
	right:20px;
	*right: 40px;
}

div.details div.meta div.threadsubject {
	position: relative;
	float: left;
	margin-right: 15px;
	font-weight: normal;
	color: #666;
	font-size: 12px;
}

div.details div.meta h4 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #666;
	margin-right: 15px;
	font-size: 12px;
	line-height: 14px;
}

div.details div.meta h4.attachments {
	padding: 0 0 0 13px;
	background: url(../images/icons/attachment.png) no-repeat;
}

div.details div.meta div.button {
	position: absolute;
	top: 4px;
	right: 6px;
}

div.details div.meta div.button a {
	position: relative;
	float: left;
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 4px;
	background: url(../images/button_grey_left.gif) no-repeat;
	text-decoration: none;
	color: #212121;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
}

div.details div.meta div.button a:hover {
	color: #000;
}

div.details div.meta div.button a strong {
	float: left;
	display: block;
	height: 25px;
	padding: 1px 33px 0 8px;
	background: url(../images/button_grey_right.gif) 100% 0 no-repeat;
	cursor: pointer;
}

div.details div.meta div.button a span.arrow { 
	position: absolute;
	top: 1px;
	right: 0;
	display: block;
	height: 24px;
	padding: 0px 6px 0;
	background: url(../images/button_grey_arrow_border.gif) repeat-y;
	color: #9B9B9B;
	cursor: pointer;
}

div.details div.meta div.button a:hover span.arrow {
	color: #212121;
}

div.details-showphoto {
	margin: 2px 9px 0;
	overflow: none;
}

div.details-showphoto h3 {
	float: left;
	display: inline;
	margin: 0 !important; 
	padding: 42px 20px 0px !important;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	height: 26px;
}

div.details-showphoto h3.showcc {
	clear:both;
	display:inline;
	margin-left:0 !important;
	overflow:hidden;
	padding-top:0 !important;
	white-space:nowrap;
}

div.details-showphoto h3.showcc div {
	display:inline;
	font-weight:bold;
}

div.details-showphoto h3.collapse {
	float: left;
	display: inline;
	margin: 0 !important;
	padding: 18px 20px 12px !important;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
}


div.details-showphoto h3 strong {
	font-weight: bold;
}

div.details-showphoto div.photo {
	position: relative;
	float: left;
	margin: 0;
	padding: 18px 10px 10px 20px;
	width: 60px;
	/*height: 60px;*/
}

div.details-showphoto div.meta {
	background-color:#FFFFFF;
	display:inline;
	float:right;
	height:20px;
	margin:5px 0 0;
	padding:11px 80px 0 8px;
	position:absolute;
	right:20px;
	*right: 40px;
}

div.details-showphoto div.meta div.threadsubject {
	position: relative;
	float: left;
	margin-right: 15px;
	font-weight: normal;
	color: #666;
	font-size: 12px;
}

div.details-showphoto div.meta h4 {
	float: left;
	display: inline;
	font-weight: normal;
	color: #666;
	margin-right: 15px;
	font-size: 12px;
}

div.details-showphoto div.meta h4.attachments {
	padding: 0 0 0 13px;
	background: url(../images/icons/attachment.png) no-repeat;
}

div.details-showphoto div.meta div.button {
	position: absolute;
	top: 4px;
	right: 6px;
}

div.details-showphoto div.meta div.button a {
	position: relative;
	float: left;
	display: block;
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 4px;
	background: url(../images/button_grey_left.gif) no-repeat;
	text-decoration: none;
	color: #212121;
	font-weight: bold;
	overflow: hidden;
}

div.details-showphoto div.meta div.button a:hover {
	color:#000;
}

div.details-showphoto div.meta div.button a strong {
	float: left;
	display: block;
	height: 25px;
	padding: 1px 33px 0 8px;
	background: url(../images/button_grey_right.gif) 100% 0 no-repeat;
	cursor: pointer;
}

div.details-showphoto div.meta div.button a span.arrow {
	position: absolute;
	top: 1px;
	right: 0;
	display: block;
	height: 24px;
	padding: 0px 6px 0;
	background: url(../images/button_grey_arrow_border.gif) repeat-y;
	color: #9B9B9B;
	cursor: pointer;
}

div.details-showphoto div.meta div.button a:hover span.arrow {
	color: #212121;
}


div.body {
	clear: both;
	margin: 0 9px 20px;
	padding: 10px 60px 0 20px;
	line-height: 1.6;
	color: #333;
	border-top: 1px solid #E3E3E3;
}

div.messageHeadersRaw {
	border-bottom: 1px solid #E3E3E3;
}

.mailBody {
	font: 12px/1.3 "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/*
	Attachments
*/

div.attachments h4 {
	margin: 0;
	padding: 0;
	line-height: 1;
	color: #000;
}

div.attachments h4 a {
	margin-left: 3px;
	font-weight: normal;
}

div.attachments ul {
	margin: 10px 0 20px;
	padding: 0;
}

div.attachments ul li {
	margin: 0 0 0 5px;
	padding: 0 0 25px 26px;
	list-style-type: none;
	line-height: 1;
	clear: both;
}

div.attachments ul li a {
	margin-left: 5px;
}

div.attachments ul li.attachment {
	background: url(../images/icons/attachment.gif) 0 0 no-repeat;
}

div.attachments ul li.default {
	background: url(../images/icons/file-type-default-large.png) 0 0 no-repeat;
}

div.attachments ul li.doc {
	background: url(../images/icons/file-type-doc-large.png) 0 0 no-repeat;
}

div.attachments ul li.img {
	background: url(../images/icons/file-type-img-large.png) 0 0 no-repeat;
}

div.attachments ul li.pdf {
	background: url(../images/icons/file-type-pdf-large.png) 0 0 no-repeat;
}

div.attachments ul li.ppt {
	background: url(../images/icons/file-type-ppt-large.png) 0 0 no-repeat;
}

div.attachments ul li.txt {
	background: url(../images/icons/file-type-txt-large.png) 0 0 no-repeat;
}

div.attachments ul li.zip {
	background: url(../images/icons/file-type-zip-large.png) 0 0 no-repeat;
}

div.attachments ul li.word {
	background: url(../images/icons/file-type-doc-large.png) 0 0 no-repeat;
}

div.attachments ul li.excel {
	background: url(../images/icons/file-type-excel-large.png) 0 0 no-repeat;
}

div.attachments ul li.excel {
	background: url(../images/icons/file-type-code-large.png) 0 0 no-repeat;
}



/*
	Contracted DIVS
*/

div.contracted {
	height: 30px;
	padding-bottom: 14px;
	overflow: hidden;
	margin: 0 0 -6px;
	background: url(../images/message_contracted_top.gif) repeat-x;
	cursor: pointer;
}

div.contracted div.photo {
	display: none;
}

div.contracted div.message_outer {
	background: url(../images/message_contracted_left.gif) no-repeat;
}

div.contracted div.message_inner {
	background: url(../images/message_contracted_right.gif) 100% 0 no-repeat;
}

div.contracted div.details {
	border: none;
}

div.contracted div.details-showphoto h3 {
	padding-top: 15px !important;
}

div.contracted div.details div.meta div.button {
	display: none;
}


/* 
	Reply Dropdown
*/

.ReplyDrop {
	left: 52px;
	position: absolute;
}

.ReplyDrop a.arrow {
	background: transparent url(../images/button_grey_arrow_border.gif) repeat-y scroll 0 0 !important;
	padding-left: 7px !important;
	color: #9B9B9B !important;
	cursor: pointer;
}

.ReplyDrop a.arrow:hover {
	color: #212121 !important;
}

ul.nodeActionsDropdown {
	background: #e6e6e6 none repeat scroll 0 0;
	clear: both;
	list-style-type: none;
	position: absolute;
	right: -6px;
	top: 25px;
	width: 130px;
	border: 1px solid #d9d9d9;
	z-index:99;
}

ul.nodeActionsDropdown li#replyall a {
	background: transparent;
	border-bottom: 1px solid #d9d9d9;
	width: 126px;
}

ul.nodeActionsDropdown li#replyall a:hover {
	background: #d9d9d9;
}

ul.nodeActionsDropdown li#forward a {
	background: transparent;
	border-bottom: 1px solid #d9d9d9;
	width: 126px;
}

ul.nodeActionsDropdown li#forward a:hover {
	background: #d9d9d9;
}

ul.nodeActionsDropdown li#forwardAsAttachment a, ul.nodeActionsDropdown li#addToAddressbook a {
	background: transparent;
	border-bottom: 1px solid #d9d9d9;
	width: 126px;
}

ul.nodeActionsDropdown li#forwardAsAttachment a:hover, ul.nodeActionsDropdown li#addToAddressbook a:hover {
	background: #d9d9d9;
}

ul.nodeActionsDropdown li#download a {
	background: transparent;
	border-bottom: 0px;
	width: 126px;
}

ul.nodeActionsDropdown li#download a:hover {
	background: #d9d9d9;
}

ul.nodeActionsDropdown li#viewHeaders a {
	background: transparent;
	border-bottom: 1px solid #d9d9d9;
	width: 126px;
}

ul.nodeActionsDropdown li#viewHeaders a:hover {
	background: #d9d9d9;
}

ul.nodeActionsDropdown li#print a {
	background: transparent;
	border-bottom: 1px solid #d9d9d9;
	width: 126px;
}

ul.nodeActionsDropdown li#print a:hover {
	background: #d9d9d9;
}

a#nodeReplyAnchor strong {
	padding-bottom: 1px;
	padding-top: 0;
}


/*	
	Reply DIV
*/


div.reply {
	padding-bottom: 10px; 
	margin-top: 1px;
}

div.reply div.details {
	border: none; 
	height: 100%;
}

div.reply div.details h3 {
	padding: 17px 0 2px 17px !important;
}

div.reply div.details h3 label {
	padding-left: 5px; 
}

div.reply div.body {
	padding-right: 20px;
}

div.reply div.body div.buttons {
	float: right;
	margin: 5px 0 0;
	padding: 0;
}

div.reply div.body div.buttons input {
	padding-left: 10px;
}

div.reply div.body textarea {
	width: 100%;
	height: 110px;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
}

div.reply div.body textarea:focus {
	outline: none;
}

div.reply ul.wysiwyg {
	float: left;
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 1px solid #97A9B6;
	background: #D1D8E1;
}

div.reply ul.wysiwyg li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.reply ul.wysiwyg li a {
	float: left;
	display: block;
	width: 32px;
	height: 27px;
	background: url(../images/wysiwyg.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

div.reply ul.wysiwyg li.bold a {
	background-position: 0 0;
}

div.reply ul.wysiwyg li.bold a:hover {
	background-position: 0 -27px;
}

div.reply ul.wysiwyg li.italic a {
	background-position: -32px 0;
}

div.reply ul.wysiwyg li.italic a:hover {
	background-position: -32px -27px;
}

div.reply ul.wysiwyg li.underline a {
	background-position: -64px 0;
}

div.reply ul.wysiwyg li.underline a:hover {
	background-position: -64px -27px;
}

div.reply ul.wysiwyg li.link a {
	background-position: -96px 0;
}

div.reply ul.wysiwyg li.link a:hover {
	background-position: -96px -27px;
}

div.reply ul.wysiwyg li.image a {
	background-position: -128px 0;
}

div.reply ul.wysiwyg li.image a:hover {
	background-position: -128px -27px;
}

div.reply ul.wysiwyg li.numbered a {
	background-position: -160px 0;
}

div.reply ul.wysiwyg li.numbered a:hover {
	background-position: -160px -27px;
}

div.reply ul.wysiwyg li.unorderedlist a {
	background-position: -192px 0;
}

div.reply ul.wysiwyg li.unorderedlist a:hover {
	background-position: -192px -27px;
}

div.reply #showRecipients {
	display: none;
	height: 100%;
}

.YourReply {
	height: 30px;
	margin-left: 3px;
}

.YourReply a {
	display: inline !important;
	float: none !important;
}

DIV #replyAttach {
	display: none;
}

input#replyAll {
	margin-left: 2px;
	margin-right: 4px;
	vertical-align: text-bottom;
	width: 18px;
	height: 17px;

}

h3 a.reply {
	background: none !important;
}

.leftreply {
	color: #575757;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	margin-left: 4px;
	text-align: right;
	width: 45px;
	clear: both;
}

.rightreply {
	margin: 0;
	padding-right: 36px;
}

.trans {
	height: 10px;
}

/**
	Compose Page 
**/

.leftcompose {
	width: 45px;
	float: left;
	clear: both;
	text-align: right;
	margin-top: 3px;
	color: #575757;
	margin-right: 10px;
	margin-left: 4px;
}

.rightcompose {
	padding-right: 40px;
	margin: 0;
}


div.composedetails div.details {
	border: medium none;
	height: 105px;
}

div.composedetails h3 {
	width: 100% !important;
	height: 100% !important;
}

input.compose {
	width: 100%;
	height: 17px;
	border: 1px solid #999999;
	height: 22px;
	padding: 3px 9px 0 5px;
	width: 98%;
	margin-bottom: 4px;
}

.compose-more {
	background: transparent url(../images/icons/compose-arrow.png) no-repeat scroll 0 2px;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 2px;
}

.compose-more-txt {
	float: left;
	margin-right: 5px;
	margin-top: 1px;
	margin-left: 4px;
}

#leftcompose-more {
	clear: both;
	color: #575757;
	float: left;
	margin-top: 3px;
	text-align: right;
	width: 58px;
}

.focus_subject {
	border: 1px solid #999999;
	margin: 0 -10px 4px 10px;
	overflow: hidden;
	padding: 3px 4px 0;
	*margin-right: 0px;
}

.focus_subject input.subject {
	border: 1px solid #FFFFFF;
	width: 100%;
	margin: 2px 5px 4px 0;
}



/*
	Compose showAdditionalRecipientSection DIV
*/

#show-more {
	clear: both;
	color: #575757;
	margin-top: 3px;
	text-align: right;
}

.rightcompose-attach {
	float: left;
	margin-top: 4px;
	color: #333;
	color: #0066CC;
	height: 22px;
	
}



/* 
	Compose Page Attachments
*/

#attachments {
	clear: both;
	float: left;
	margin-left: 55px;
}


.attachmentType {
	clear: both;
	float: left;
	margin-right: 4px;
}

.attachmentName {
	color: #000000;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-right: 4px;
	padding-top: 2px;
}

.attachmentSize {
	float: left;
	margin-right: 4px;
	padding-top: 2px;
}

.attachmentRemoveButton a {
	color: #000000 !important;
	display: inline !important;
	float: none !important;
	
}

.attachment {
	display:block;
	float:left;
	/*margin-bottom:10px; */
	margin-right:10px;
	position:relative
}

.attachment SPAN {
	margin-right:2px;
	padding-right:15px;
	position:relative;
	top:-3px; 
}

.attach-btn {
	height:15px !important;
	position:absolute;
	right:0;
	top:0;
	width:12px !important;
	text-indent: 0px !important;
}

img.attach {
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 2px;
}

img.type {
	margin-right: 2px;
}

/*
	Auto Complete
*/

.form_tags { 
	margin-bottom: 10px; 
}

/* Setting widget width example */
.form_tags .textboxlist, #form_to .textboxlist, #form_cc .textboxlist, #form_bcc .textboxlist { 

}


/* Preloader for autocomplete */
.textboxlist-loading { 
	/* background: url(../images/ajax-loading.gif) no-repeat 380px center; */ /* spinner.gif went missing, and this icon deosnt look goto on white */
}

/* Autocomplete results styling */
#form_to .textboxlist-autocomplete-result, #form_cc .textboxlist-autocomplete-result, #form_bcc .textboxlist-autocomplete-result { 
	overflow: hidden; zoom: 1; 
}

#form_to .textboxlist-autocomplete-result img, #form_cc .textboxlist-autocomplete-result img, #form_bcc .textboxlist-autocomplete-result img { 
	float: left; padding-right: 10px; 
}

.note { 
	color: #666; font-size: 90%; 
}


/* 
	Draggable Contacts
*/

.email_drag {
	background: url(../images/email_drag.png) no-repeat;
	cursor: pointer; 
	padding-right: 20px;
	padding-bottom: 20px;
	width: 35px;
	height: 30px;
}

.email_drag_no {
	position: relative; 
	top: 10px; 
	left: 21px; 
	color: #fff; 
	font-size: 11px;
}

.email_drag_no span.drag {
	background: transparent url(../images/drag_left.png) no-repeat scroll 0 0; 
	display: block; 
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	padding: 0 0 0 5px;
}

.email_drag_no span.drag strong {
	background: transparent url(../images/drag_right.png) no-repeat scroll 100% 0;
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
	padding: 0 6px 0 1px;
}

/* RTE */

.frameBody {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    width: 98%;
    height: 94%;
	background: #FFFFFF url(../images/inputbg.gif) repeat-x scroll 0 0;
}

.frameBody p {

}

.rte-zone {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px #CCCCCC solid;
    border-left: 1px #CCCCCC solid;
    border-right: 1px #CCCCCC solid;
    height: 300px;
    display: block;
	clear: both;
}

.rte-zone-reply {
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px #CCCCCC solid;
    border-left: 1px #CCCCCC solid;
    border-right: 1px #CCCCCC solid;
    height: 300px;
    display: block;
	clear: both;
}

.rte-toolbar { 
	overflow:hidden; 
}

.rte-toolbar a, .rte-toolbar a img {
        border:0;
}

.rte-toolbar p {
    float: left;
    margin: 0;
    padding-right: 5px;
}

.buttons {
	padding-right: 30px;
}

.buttons #back_button {
	float: right;
	padding-left: 10px;
}

.buttons #back_button a {
	background: transparent url(../images/button_blue_left.png) no-repeat scroll 0 0;
	color: #333333;
	display: block;
	float: left;
	height: 24px;
	padding: 0 0 10px 5px;
	text-decoration: none;
	text-shadow: 0 1px 1px #EEE;
}

.buttons #back_button a:active {
	background: transparent url(../images/action_blue_left.png) no-repeat scroll 0 0;
}

.buttons #back_button a span {
	background: transparent url(../images/button_blue_right.png) no-repeat scroll 100% 0;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	padding: 4px 12px 0 7px;
}

.buttons #back_button a span:active {
	background: transparent url(../images/action_blue_right.png) no-repeat scroll 100% 0;
}


/*
	Loading Div
*/


h1.loading-text {
	font-size: 16px;
	font-family: arial,helvetica,sans-serif;
	padding-bottom: 8px;
	color: #333333;
}

img.loadingimg {
	position: relative;
	top: 8px;
	right: 8px;
}

/*
	Custom CSS for the message view class
*/

.messageBody H1, .messageBody H2, .messageBody H3, .messageBody H4, .messageBody H5  {
	float: none !important;
}

.messageBody P {
	margin: 0px;
}

.messageBody BLOCKQUOTE {
	margin-left: 10px;
	padding-left: 4px;
	border-left: 1px solid rgb(204, 204, 204);	
}

/*
	Show quoted and blockquote styles for message view
*/

A.showQuotedText {
	float: none;
	display: block;
	padding-bottom: 4px;
}

/*
	Help guide
	
*/

.help #primary_content_inner {
	overflow-x: hidden;
}