/*
	Cascading Style Sheet for a mailbox listing
	CSS2 validation: http://jigsaw.w3.org/css-validator/validator-text.html
*/

body {
	margin: 5px;
	color: black;
	background-color: white;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
}
p, form, th, td, div, span, textarea, input, select, ul, ol, dl, li, dt, dd, blockquote, b, strong, i, em {
	font-size: 9pt;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dir, menu, div, dt, dd, address, blockquote, pre, hr {
	display: block;
}
b, strong, i, em, cite, var, tt, code, kbd, samp, img, span {
	display: inline;
}
b, strong {
	font-weight: bold;
}
i, cite, em, var, address {
	font-style: italic;
}
pre, tt, code, kbd, samp {
	font-family: monospace, "Courier New", courier;
	font-size: 9pt;
}
pre {
	white-space: pre;
}
a:link, a:visited, a:active, a:hover {
	text-decoration: underline;
}
a:link {
	color: blue;
}
a:visited {
	color: blue;
}
a:active, a:hover {
	color: #b0a;
}
ul {
	list-style-type: square;
}
h1, h2, h3, h4 {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: white;
	text-align: center;
}
h1 {
	font-size: 22pt;
	color: #33f;
	margin-top: 15px;
	margin-bottom: 10px;
}
h2 {
	margin-top: 10px;
	font-size: 13pt;
	color: #33a;
}
h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11pt;
	color: #22a;
	display: inline;
}
h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	color: #11b;
	font-size: 10pt;
}
form {
	margin: 0px;
}
table {
	width: 100%;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 2px auto;
}
.ninepoint, a.mailbox {
	font-size: 9pt;
}
.pagination {
	font-size: 9pt;
}
table.pagination, tr.pagination, td.pagination {
	padding: 1px 0;
	vertical-align: middle;
}
.selected {
	font-size: 9pt;
	color: white;
	background-color: #33a;
}
tr, td, th {
	vertical-align: middle;
	border: none;
	border-spacing: 0px;
	spacing: 0px;
	padding: 0px;
}
td, .text, .size, .date, .time {
	padding: 0 2px;
}
th, texth, .sizeh, .dateh  {
	color: black;
	background-color: #ccd;
	white-space: nowrap;
	font-weight: bold;
	padding: 1px;
}
th, .texth, .text {
	text-align: left;
}

.timeh, .time, .sizeh, .size {
	text-align: right;
}
.dateh, .date {
	text-align: center;
}

.navbar, .nav {
	color: white;
	background: #50a url(/images/navbar.png) repeat-x 0 50%;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	padding: 1px 0px 2px;
}
.nav:link, .nav:visited, .nav:active, .nav:hover {
	color: #eef;
	text-decoration: none;
}
.nav:active, .nav:hover {
	color: white;
	text-decoration: underline;
}

.tagline {
	margin: 2px 0;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #b0a;
	background-color: white;
}
td.no-messages {
	text-align: center;
	white-space: nowrap;
	background-color: #f3f3ff;
}
td#gap {
	width: 10px;
}
td.stats-label {
	width: 50%;
	white-space: nowrap;
}
td.stats-data {
	width: 25%;
	text-align: right;
	white-space: nowrap;
}
hr {
	margin-top: 7px;
	margin-bottom: 1px;
	height: 1px;
	color: #91d;
	background-color: white;
}
//div.hr {
//	display: block;
//	margin-top: 6px;
//	height: 15px;
//	background: #fff url(/images/hr91d.gif) repeat-x 0 50%;
//}
//div.hr hr {
//	display: none;
//}
img {
	vertical-align: bottom;
	border: none;
	margin: 0px;
	padding: 0px;
}
div.center {
	text-align: center;
}
div.center table {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
tr.oddrow {
	color: black;
	background-color: #f0f0fd;
}
tr.evenrow {
	color: black;
	background-color: white;
}
tr.selected {
	color: black;
	background-color: #dadafb;
}