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

body {
	background-color: #131313;
	color: #fff;
}

body {width: 468px; margin: 15px auto}

.nav-container {
	background: url(images/nav-center.jpg) repeat-x;
	width: 468px;
	margin: -50px auto 0px auto;
	margin-top: 3px;
	height: 40px;
	padding: 0px;
	padding-top: 13px;
	text-align: center;
}

.nav-container a:visited {
	color: #FFF;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.nav-container a:active {
	color: #FFF;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.nav-container a:hover {
	color: #FFF;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.nav-left {
	background: url(images/nav-left.jpg) no-repeat top left;
	width: 20px;
	height: 49px;
	margin-top: -13px;
	float: left;
}

.nav-right {
	background: url(images/nav-right.jpg) no-repeat top right;
	width: 20px;
	height: 49px;
	margin-top: -13px;
	float: right;
}

.nav {
	display: inline;
	height: 50px;
	padding: 0px;
}

.nav li {
	display: inline;
	height: 50px;
}

.nav a {
	background: transparent;
	color: #FFF;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: 49px;
	padding: 15px;
	padding-left: 4px;
	padding-right: 4px;
}

.nav a:hover {
	background: url(images/navover.jpg) repeat-x;
	color: #FFF;
	height: 50px;
}

.main {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background-color: #ddd;
	color: navy;
}

.main h2,h1 {
	text-align: center;
}

.roundedcornr_box_715519 {
   background: #dddddd;
}
.roundedcornr_top_715519 div {
   background: url(images/roundedcornr_715519_tl.png) no-repeat top left;
}
.roundedcornr_top_715519 {
   background: url(images/roundedcornr_715519_tr.png) no-repeat top right;
}
.roundedcornr_bottom_715519 div {
   background: url(images/roundedcornr_715519_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_715519 {
   background: url(images/roundedcornr_715519_br.png) no-repeat bottom right;
}

.roundedcornr_top_715519 div, .roundedcornr_top_715519, 
.roundedcornr_bottom_715519 div, .roundedcornr_bottom_715519 {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

#header {
	background-image: url(images/zmail_header.png);
	width: 450px;
	height: 134px;
}

label {
	width: 4.5em;
	float: left;
	text-align: right;
	margin-right: .5em;
	display: block;
	color:#333333;
}

.submit input, #app textarea {
	margin-left: 5em;
}

input, textarea {
	color: #fff;
	background-color: #666;
	border: 1px solid #fff;
	width: 19.2em;
}

textarea {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
}

.submit input {
	border: 2px outset #d7b9c9;
	width: 5em;
}

fieldset {
	border: 1px solid #aaa;
	width: 25em;
	background-color: #ccc;
}

legend {
	color: #333;
	background: #ddd;
	border: 1px solid #aaa;
	padding: 2px 6px;
}

#app {
	margin-left: 1.5em;
}

.screenshot {
	margin: auto;
	max-width: 430px;
	display: block;
}

.screenshotlabel {
	font-size: 8pt;
	text-align: center;
}

.download ul {
	list-style: none;
	display: block;
}

a {
	color: #07a;
	text-decoration: none;
	outline: none;
}
	
a:hover { color: #d60; }

.sourceforge {
	margin: auto;
	display: block;
}

.constitution_nav {
	text-align:center;
	display: block;
}

.advert {
	position: relative;
	width: 468px;
	margin-left: auto;
	margin-right: auto;
}

.ad_center {
	width: 336px;
	text-align:center;
}