/* MailSite ExpressPro 8.0.4.7 */
/* ComposeControl.css Copyright 2005-2007 Rockliffe, Inc. */

body.ComposePage
{
	background-color: #E3EFFF;
}

/* A bounding region for the control */
.ComposeControl 
{
	width: 100%;
	border: 0;
}

/* Region where you specify the meta info about a message */
.ComposeHeaderPanel {
	clear:both;
	padding-bottom: 10px;
	/* Float left and width 100% forces this not to use any more space than that 
	 * if we don't do this, then if the field values become very large it will push
	 * content off screen */	
	float: left;
	width: 100%;
	border: 0;
	margin-right: -20px;
}

/* The label describing a HeaderValue */
.ComposeHeaderLabel {
	float:left;
	clear:left;
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	padding: 3pt 0pt 0pt 2pt;
}

/* A bounding region for the value of the header */
.ComposeHeaderValue {
	display: block;
	font-family: Arial;
	font-size: 10pt;	
	padding: 3pt 0pt 0pt 2pt;
	margin-left: 105px;
	margin-right: 15px;
	border: 0;
}

/* The Header Value set up a bounding region, we now set the input that is in it to 100% to force it to fill the screen */
.ComposeHeaderValue input {
	width: 100%;
	margin: 0 -9px 0 0;
}

/* input type="file" doesn't seem to pick up the .ComposeHeaderValue input styling so force it here */
.FileUpload {
	height: 19px;
	font-family: Arial;
	font-size: 9pt;
	padding: 3pt 0pt 0pt 2pt !important;
	margin-top: 3px !important;
}

/* Uses StarHtmlHack to only apply this style to IE browsers */
* html .FileUpload {
	margin-left: 3px !important;
}

/* The attach button has trouble rendering to the right of the file upload control so force some styles here */
.AttachButton {
	margin-top: 3px !important;
	height: 19px;
}

/* Uses StarHtmlHack to only apply this style to IE browsers */
* html .AttachButton 
{
	margin-left: 15px !important;
}

/* The Header Value set up a bounding region, we now set the input that is in it to 100% to force it to fill the screen */
.ComposeHeaderValue select {
	width: 100%;
	margin: 0 -4px 0 0;
}

/* A bounding region for the content of the message */
.ComposeMessageContent 
{
	clear: both;
	margin: 0px 10px 10px 10px;
	display: block;
}

/* The "toolbar" of edit controls */
.ComposeEditToolbar
{
	clear: both;
	margin: 0px 10px 0px 10px;
	display: block;
	height: auto;
	width: 100%;
}
