* {
	margin: 0;
	padding: 0;
}

body {
	margin-left: 1em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	color: #333;
}

a.blank:hover {
	background: none;
}

/* @group navbar */

#navbar {
	text-align: center;
	position: absolute;
	height: 21px;
	padding-top: 4px;
	top: 0;
	left: 0;
	width: 100%;
	text-indent: 1em;
	background: url(../images/navbar-background.png) repeat-x;
}
	
	#navbar a:link, #navbar a:active, #navbar a:visited {
		color: white;
		font-size: 0.8em;
		padding: 0.3em;
	
	}

	#navbar a:hover {
		color: black;
		background: none;
	}
	
	#home #navbar a.home,
	#carriers #navbar a.carriers,
	#transformations #navbar a.transformations,
	#accumulations #navbar a.accumulations,
	#organizations #navbar a.organizations,
	#authors #navbar a.authors,
	#citations #navbar a.citations, 
	#fluxes #navbar a.fluxes {
		color: black;
	}
	

/* @end */

/* @group text */

p.main-description {
	max-width: 920px;
	padding-left:5px;
	
}

h2 {
	font-family: Georgia;
	font-weight: normal;
	padding-top: 1.5em;
	padding-left: 0.2em;
	font-size: 1.8em;
}

h3 {
	font-size: 0.9em;
	color: #505050;
	font-style: italic;
	font-weight: normal;
	padding-left: 0.3em;
	width: 550px;
}

h4 {
	padding-top: 1em;
	padding-left: 0.2em;
	font-size: 0.8em;
}

h5 {
	padding-top: 1.5em;
	padding-left: 0.2em;
	font-size: 1.1em;
}

ul.legend li {
	display: inline;
	padding-right: 0.8em;
	font-size: 0.7em;
	padding-left: 0.3em;
	font-family: Verdana;
}

a.inline-command:link, a.inline-command:hover, 
a.inline-command:active, a.inline-command:visited {
	display: inline;
	font-size: 9pt;
	font-family: Helvetica;
	color: #4799c6;
}


/* @end */

/* @group forms */

table.listing {
	padding-top: 1em;
}

table.listing tr {
	text-align: right;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

table.listing td {
	text-align: left;
	margin: 0;
	padding-bottom: 0.5em;
}

table.listing td.field {
	text-align: right;
	font-weight: bold;
	width: 120px;
	padding: 0 0.2em 0.5em 0;
	margin: 0;

}

table.listing input, table#form select {
	width: 600px;
	height: 15px;
}

table.listing textarea {
	width: 600px;
}

/* @end */

/* @group table */

table {
	padding-bottom: 2em;
}

th {
	text-align: left;
	padding: 0.3em 0 0.3em 0.3em;
	background-color: #eee;
	width: 160px;
}
	th.dot {
		width: 8px;
		padding: 0;
		margin: 0;
	}
	
	td.dot {
		padding: 0 0 1px 0;
	}
	
	th.wide {
		width: 290px;
	}
	
	th.extra-wide {
		width: 600px;
	}
	
	th.narrow {
		width: 50px;
	}

td {
	padding: 0 2em 0.3em 0.3em;
}
	
	

tr.total td {
	padding-top: 0.3em;
	border-top: 1px solid gray;
	font-weight: bold;
}

ul.citation {
	list-style-type: none;
	display: inline;
}

	ul.citation li {
	display: inline;
	}

/* @end */

/* @group colors */

a:link, a:active, a:visited {
	color: #333;
	text-decoration: none;
}

a.red:link, a.red:active, a.red:visited, .red {
	color: #f82d28;
}

a.blue:link, a.blue:active, a.blue:visited, .blue{
	color: #4975f4;
}

a.purple:link, a.purple:active, a.purple:visited, .purple{
	color: #6d006d;
}

a.yellow:link, a.yellow:active, a.yellow:visited, .yellow{
	color: #a5a54a;
}

a.orange:link, a.orange:active, a.orange:visited, .orange{
	color: #f97715;
}

a.green:link, a.green:active, a.green:visited, .green{
	color: #1abc13;
}

a.pink:link, a.pink:active, a.pink:visited, .pink{
	color: #fa04e3;
}

a.brown:link, a.brown:active, a.brown:visited, .brown{
	color: #7d400b;
}

/* @end */

	a:hover {
		background-color: #eaeaea;
		text-decoration: none;
	}

/* @group scaffold */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}



/* @end */

/* @group home */


#home h1, #login h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	font: normal 3em Georgia;
	text-align: center;
}

#home h2 {
	padding: 0;
	padding-bottom: 0.5em;
}

#home p {
	color: #666;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
}

#home .column {
	padding: 0.7em;
	display: block;
	margin: 0 20px 30px 10px;
	border: 4px double #b3b3b3;

}

.login_field {
	text-align: center;
}

	.login_field input {
		height: 30px;
		width: 320px;
		font-size: 1.5em;
}



/* @end */

/* @group in-place editing */


#fluxes a.editor_cancel_link.editor_cancel {
	margin-top: 0.3em;
	margin-left: 0.3em;
	color: #b20719;
}

#fluxes input.editor_ok_button {
	margin-top: 0.3em;
}


/* @end */