html
{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "monospace";
	
	background: white;
}

#email-container-fluid 
{
	margin-top: 2em;
	margin-right: 6em;
	margin-left: 6em;
	
	padding-right: 1em;
	padding-left: 1em;
}

#email-container-content 
{
	display: block;
	position: relative;
	float: left;
	width: 98%;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
}

header#email-header
{
	display: block;
	position: relative;
	float: left;
	width: 99%;
	color: #000;
	border-bottom: 1px solid #000;
	border-top: 5px solid #000;
	padding: 1em .5em 1em .5em;
}

#subject_label
{
	width: 90px;
	float: left;
	padding-left: 0.5em;
	margin: 1em 0 1em 0;
	font-weight: bold;
	font-size: 1em;
}

#subject_container
{
	width: calc(100% - 90px - 2.5em); 
	margin: 0.1em 0 0.4em 0;
	float: left;
}

#subject
{
	width: 100%;
	float: left;
	margin: 0;
	font-weight: bold;
	font-size: 2em;
}

#from_label
{
	width: 90px;
	float: left;
	font-weight: bold;
	font-size: 1em;
}

#from 
{
	width: calc(100% - 90px);
	float: left;
	font-size: 1em;
}

#to_label 
{
	margin-top: .3em;
	width: 90px;
	float: left;
	font-weight: bold;
	font-size: 1em;
}

#to {
	margin-top: .3em;
	width: calc(100% - 90px);
	min-width: 40px;
	float: left;
	font-size: 1em;
}

#cc_label
{
	margin-top: .3em;
	width: 90px;
	float: left;
	font-weight: bold;
	font-size: 1em;
} 

#cc 
{
	margin-top: .3em;
	width: calc(100% - 90px);
	float: left;
	font-size: 1em;
} 

#bc_label
{
	margin-top: .3em;
	width: 90px;
	font-weight: bold;
	font-size: 1em;
}

#bc 
{
	margin-top: .3em;
	width: calc(100% - 90px);
	float: left;
	font-size: 1em;
}

#date_label
{
	margin-top: .3em;
	width: 90px;
	float: left;
	font-weight: bold;
	font-size: 1em;
}

#date 
{
	margin-top: .3em;
	width: calc(100% - 90px);
	float: left;
	font-size: 1em;
}

#attachments_container
{
	float: left;
	width: 100%;
	padding: 0.4em 0 0.4em 0.5em;
	border-bottom: 1px solid #000;
}

#attachments_label
{
	width: 90px;
	float: left;
	font-weight: bold;
	font-size: 1em;
}

#attachments 
{
	width: calc(100% - 90px);
	float: left;
	font-size: 1em;
}

#email-content 
{
	width: 100%;
	float: left;
	
	font-family: Monospace;
	background-image: url("../images/mpmark.png");
	background-size: contain;
	background-position: center;
	background-repeat: repeat;
	z-index: -1;
}

#email-content-body-text
{
	margin-top: 1em;
	width: 100%;
	float: left;
	white-space: pre-line;	/*Keeps new lines for ext only emails */
	overflow-x: auto;
}

#email-content-body-html
{
	margin-top: 1em;
	width: 100%;
	float: left;
	overflow-x: auto;
}

a.eml-link
{
	display: block;
	position: relative;
	margin-bottom: 1em;
	float: left;
	width:100%;
	font-family:Arial;
	font-size: 1.1em;
	color:#8a008b;
	text-decoration: none;
}

a:hover.eml-link	
{
	color:#0096FF;
	cursor:pointer;
	text-decoration: underline;
}

#footer
{
	width: 100%;
	float: left;
	margin-top: 1em;
	margin-bottom: 6em;

	font-size: 1.2em;
}

#disclaimer
{
	display: block;
	position: relative;
	width: 100%;
	float: left;
	color:#8a008b;
	font-size: 1em;
}