*
{
	margin: 0;
}

body
{
	font-family: "Lucida Grande", "Lucida Sans", "Arial", sans-serif;
	font-size: 10pt;
}

p.flashNotice,
p.errorNotice {
	display: block;
	padding: 8px 10px;
	border-radius: 8px 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-top: -10px;
	margin-bottom: -25px;
}

p.errorNotice {
  background-color: #fdd;
  border: 1px solid #f44;
}

p.flashNotice {
	background-color: #cfc; 
	border: 1px solid #8a8;
}

#graybar
{
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	z-index: -1;
	height: 125px;
	background-color: rgb(235, 235, 235);
	border-bottom: solid 1px rgb(160, 160, 160);
}

img.headerAppIcon {
  float: right;
  margin-top: -80px;
  border: none;
}

#narrowpage
{
	max-width: 700px;
	padding: 0px 20px;
	margin-left: auto;
	margin-right: auto;
}

#header
{
	margin-bottom: 60px;
}

.newsBox,
.signupBox,
.verticalForm {
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 13px;
	margin-left: 7px;
	margin-bottom: 7px;
}

.newsBox,
.signupBox {
  float: right;
  width: 200px;
  clear: right;
  padding: 10px;
}

.newsBox {
  background-color: #ccf;
  border: solid 1px #66c;
}

.newsBox a { color: black; }

.signupBox {
	background-color: rgb(200, 255, 200);
	border: solid 1px rgb(80, 160, 80);
}

.signupBox p {
	margin: 0;
	font-size: 90%;
	color: rgb(0, 25, 0);
}

.signupBox .mailfield {
	margin-top: 10px;
	font-size: 10pt;
	width: 190px;
}

.signupBox .submit-outer {
	text-align: right;
	margin: 3px;
}

.signupBox .info {
	margin-top: 10px;
	font-size: 70%;
}

.textfield
{
	font-size: 10pt;
}

.verticalForm {
  width: 250px;
  background-color: #ddf;
	border: 1px solid #bbd;
	padding: 15px;
}

.verticalForm label { margin-top: 1em; }
.verticalForm .continued { margin: 0; text-align: right; font-size: 8pt; }

.verticalForm input[type="text"],
.verticalForm input[type="password"] {
	font-size: 10.5pt;
	width: 240px;
	margin: 0.2em 0 0.5em 0;
}

.verticalForm input[type="submit"] {
	display: block;
	width: 90px;
	margin-left: 155px;
}

.verticalForm input[type="checkbox"] { margin-bottom: 1em; }
.verticalForm .alternateLinks { float: left; }

.formWithCaptcha .verticalForm { float: left; }
.formWithCaptcha .captchaBlock { width: 315px; padding-top: 10px; margin-left: 300px; }

.formWithCaptcha .captchaBlock input[type="submit"] {
 	display: block;
	width: 90px;
	margin-top: 5px;
	margin-left: 225px; 
}

.errorExplanation h2 {
  font-size: 9pt;
  font-weight: bold;
  margin: 0;
}

.errorExplanation li {
  margin: 0 0;
}

.actionlink { font-size: 1.3em; }

.fieldWithErrors input[type="text"],
.fieldWithErrors input[type="password"] {
	border: 2px solid red;
	border-radius: 2px 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

h1 {
	color: #222;
	font-family: Helvetica, Arial;
	font-size: 60pt;
	font-weight: normal;
	margin-top: 25px;
	text-align: center;
	text-transform: lowercase;
	height: 74px;
	letter-spacing: -0.03em;
}

h2 {
	font-weight: normal;
	font-size: 20pt;
	margin-top: 40px;
}

p, li, table
{
	line-height: 1.3;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

p.info
{
	margin-top: 1.5em;
	font-size: 70%;
}

p.info a
{
	color: black;
	text-decoration: none;
}

p.info a:hover
{
	text-decoration: underline;
}

table
{
	margin-left: 5px;
}

th
{
	text-align: left;
}

th, td
{
	padding-right: 15px;
}

ul.navtabs
{
	float: right;
	list-style: none;
	padding: 0;	
}

ul.navtabs li
{
	float: left;
	height: 27px;
	margin: 0 0 -1px -12px;
}

ul.navtabs li.selected
{
	background-image: url(/images/tab_right.png);
	background-position: top right;
	background-repeat: no-repeat;
}

ul.navtabs a
{
	display: block;
	height: 27px;
	padding: 5px 5px 0 18px;
	margin-right: 5px;
	text-decoration: none;
	color: black;
}

ul.navtabs li.selected a
{
	background-image: url(/images/tab_left.png);
	background-repeat: no-repeat;
	padding-left: 28px;
	z-index: 1;
}

a { color: #008; text-decoration: none; }
	a:hover { text-decoration: underline; }

.dataTable { width: 100%; }
	
	.dataTable th:first-child { padding-left: 1em;}
	.dataTable td { border: 0; }
		.dataTable td:first-child { padding-left: 1em;}

	.dataTable th	{ 
		color: #444;
		font-weight: normal;
		background: #e8e8e8;
		border-top: 1px solid #a5a5a5;
		border-bottom: 1px solid #ddd;
		padding: 0.3em 0.3em;
	}

	.dataTable tfoot td { 
		text-align: right; 
		color: #444;
		background: #e8e8e8;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #a5a5a5;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
	}
	
	.dataTable .appcastHiddenLabel { color: #666; }

.dataForm { 
	border: none; 
	margin: 0; 
	padding: 0; 
} 

	.dataForm dl { margin: 1em 0; }
	.dataForm legend { display: none; }
	.dataForm input, fieldset.dataForm textarea { font-size: 1em; }
	.dataForm input[type="submit"] { margin-left: 150px; }
	.dataForm .readonlyPlaceholder { color: #666; }

	.dataForm textarea { 
		height: 15em; 
		width: 400px; 
	}

	.dataForm .htmlPreview { 
		width: 380px;
		padding: 10px;
		margin-bottom: 10px;
		min-height: 1.2em;
		border: 1px solid #aaa;
	}
	
		.dataForm .htmlPreview .placeholder { color: #666; }

		.dataForm .htmlPreview *:first-child { margin-top: 0; }
		.dataForm .htmlPreview *:last-child { margin-bottom: 0; }
		
		.dataForm .htmlPreview.releaseNotes {
			font-family: "Lucida Grande", "Lucida Unicode", sans-serif; 
			font-size: 10pt;
		}
			
			.dataForm .htmlPreview.releaseNotes p {
				line-height: normal;
				margin-top: 1em;
				margin-bottom: 1em;
			}
			
			.dataForm .htmlPreview.releaseNotes li {
				line-height: normal;
				margin-top: 0;
				margin-bottom: 0;
			}
			
			.dataForm .htmlPreview.releaseNotes ul {
				margin-top: 1em;
				margin-bottom: 1em;
			}
		
			.dataForm .htmlPreview.releaseNotes h1 {
				color: black;
				font-family: Arial, sans-serif; 
				font-size: 16pt; 
				font-weight: normal; 
				color: #222;
				text-align: left;
				text-transform: none;
				height: auto;
				letter-spacing: normal;
			}

	.dataForm dt { 
		clear: left;
		float: left; 
		width: 140px; 
		text-align: right;
		margin-right: 10px;
		font-weight: bold;
	}

	.dataForm dd {
		clear: right;
		margin-bottom: 0.5em;
		margin-left: 150px;
		min-height: 1.5em;
	}
	
	.dataForm ul.checkList {
		list-style: none;
		padding-left: 0;
		margin-left: 150px;
	}

		.dataForm ul.checkList input[type="checkbox"] { margin-right: 2px; }