@charset "utf-8";
/* CSS Document */

div.mailrightfields {
	width: 8.4em;
	border: 0;
	text-align: right;
	font-weight: 800;
	float: right;
	background: url(/images/mail/rightcornerlinks.jpg) bottom left no-repeat #fff;
	}

div.mailleftfields {
	width: 5em;
	border: 0;
	text-align: right;
	font-weight: 800;
	float: left;
	}

div.mailleftfields2 {
	text-align: left;
	overflow: hidden;
	}

div#mailnav {
	width: 5em;
	border: 0;
	float: left;
	}

div#mailnav a:hover {
	font-weight: 800;
	}

div#mailbuttonspacer {
	width: 5em;
	float: left;
	}

div#mailactionbuttons {
	padding-right: 1em;
	text-align: right;
	}

div#mailcomposebutton {
	float: left;
	}

div.mailnavtabspacer {
	color: transparent;
	background: transparent;
	height: 1.4em;
	}

div.mailnavtab {
	padding: 0px 1px 1px;
	margin: 1px;
	margin-left: 10px;
	text-align: right;
	border: 1px solid #aaa;
	border-right: none;
	-moz-border-radius: 8px 0 0 8px;
	background: #fff0ff;
	}

/* the colours etc of the active tabs */
div.mailnavtabinbox {
	font-weight: 800;
	padding: 0px 1px 1px;
	border: 1px solid #aaa;
	border-right: none;
	-moz-border-radius: 8px 0 0 8px;
	background: #ccf; 
	}

div.mailnavtabsent {
	font-weight: 800;
	padding: 0px 1px 1px;
	border: 1px solid #aaa;
	border-right: none;
	-moz-border-radius: 8px 0 0 8px;
	background: #9f9;
	}

div.mailnavtabdeleted {
	font-weight: 800;
	padding: 0px 1px 1px;
	border: 1px solid #aaa;
	border-right: none;
	-moz-border-radius: 8px 0 0 8px;
	background-color: #fc6;
	}

div.mailnavtabspam {
	font-weight: 800;
	padding: 0px 1px 1px;
	border: 1px solid #aaa;
	border-right: none;
	-moz-border-radius: 8px 0 0 8px;
	background: #f60;
	}
/* end of the custom nav tab colours */

/* set the colours of the header area for the read email view */
.mailinboxheaderarea {
	background: #ccf;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	}

.mailsentheaderarea {
	background: #9f9;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	}

.maildeletedheaderarea {
	background: #fc6;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	}

.mailspamheaderarea {
	background: #f60;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	}
/* end setting the colours for the read view */

/* start the header row colours so they match the nav tab colours */
div.mailinboxheaderrow {
	height: 1.3em;
	background: #ccf;
	border-bottom: 1px solid #333;
	font-weight: 800;
	}

div.mailsentheaderrow {
	height: 1.3em;
	background: #9f9;
	border-bottom: 1px solid #333;
	font-weight: 800;
	}

div.maildeletedheaderrow {
	height: 1.3em;
	background: #fc6;
	border-bottom: 1px solid #333;
	font-weight: 800;
	}

div.mailspamheaderrow {
	height: 1.3em;
	background: #f60;
	border-bottom: 1px solid #333;
	font-weight: 800;
	}
/* end of the header row colours so they match the nav tab colours */

div#mailcontent {
	margin-left: 4.9em;
	margin-right: 1em;
	padding: 1px 1px 1px;
	width: auto;
	border: 1px solid #aaa;
	background: #fff;
	}

div.mailheaderrow {
	height: 1.3em;
	background: #ccf;
	border-bottom: 1px solid #333;
	font-weight: 800;
	}

div.mailrow1 {
	height: 1.3em;
	background: #fff0ff;
	border-bottom: 1px solid #eee;
	}

div.mailrow1 a:link, div.mailrow1 a:visited, div.mailrow1bold a:link, div.mailrow1bold a:visited, div.mailrow2 a:link, div.mailrow2 a:visited, div.mailrow2bold a:link, div.mailrow2bold a:visited {
	color: #333;
	}

div.mailrow1 a:hover, div.mailrow1 a:active, div.mailrow1bold a:hover, div.mailrow1bold a:active, div.mailrow2 a:hover, div.mailrow2 a:active, div.mailrow2bold a:hover, div.mailrow2bold a:active {
	color: #999;
	background: #eee;
	}

div.mailrow1bold {
	font-weight: 800;
	height: 1.3em;
	background: #fff0ff;
	border-bottom: 1px solid #eee;
	}

div.mailrow2 {
	height: 1.3em;
	background: #fff8ff;
	border-bottom: 1px solid #eee;
	}

div.mailrow2bold {
	font-weight: 800;
	height: 1.3em;
	background: #fff8ff;
	border-bottom: 1px solid #eee;
	}

.checkboxspacer {
	width: 2em;
	overflow: hidden;
	float: left;
	}

.mailfrom {
	width: 7em;
	overflow: hidden;
	float: left;
	}
	
.mailsubject {
	width: auto;
	overflow: hidden;
	height: 1.3em;
	border: 1px solid #eee;
	border-top: none;
	border-bottom: none;
	}
	
.mailtimestamp {
	width: 14em;
	float: right;
	overflow: hidden;
	}

div.mailrowpadder {
	height: 45px;
	}