@font-face {
	font-family: "Chrono Regular";
	src: url("/fonts/ChronoWeb_EOT/ChronoWebRegular.eot");
	src: local("☺"), url("/fonts/ChronoWeb_WOFF/ChronoWebRegular.woff") format("woff");
}

@font-face {
	font-family: "Chrono Medium";
	src: url("/fonts/ChronoWeb_EOT/ChronoWebMedium.eot");
	src: local("☺"), url("/fonts/ChronoWeb_WOFF/ChronoWebMedium.woff") format("woff");
}

@font-face {
	font-family: "Chrono Bold";
	src: url("/fonts/ChronoWeb_EOT/ChronoWebBold.eot");
	src: local("☺"), url("/fonts/ChronoWeb_WOFF/ChronoWebBold.woff") format("woff");
}

@font-face {
	font-family: "Chrono Light";
	src: url("/fonts/ChronoWeb_EOT/ChronoWebLight.eot");
	src: local("☺"), url("/fonts/ChronoWeb_WOFF/ChronoWebLight.woff") format("woff");
}

body {
	font-family: "Chrono Regular", sans-serif;
}

footer {
	color: #cccccc;
	margin-top: 20em;	
}

footer a {
	color: #cccccc;
}

form {
	margin-bottom: 1em;
}

form input[type=text] {
	width: 30em;
}

h1 {
	font-family: "Chrono Medium";
	font-weight: normal;
	padding: 0 0 0.5em 0;
	margin: 0;
}

h2 {
	font-family: "Chrono Medium";
	font-weight: normal;
}

td {
	padding-top: 0.5em;
}

li.navitem {
	display: inline;
	padding-right: 1.2em;
	margin-right: 1.2em;
}

li.navitem:not(:last-child) {
	border-right: 1px solid #cccccc;
}

ul.navbar {
	background-color: #eeeeee;
	margin: 0;
	padding: 1em;
}

.container {
	padding: 2em;
}

.error {
	color: red;
}

.form-label {
	font-family: "Chrono Medium";
	text-align: right;
}

.inline-form {
	display: inline-block;	
}

.plugin-list {
	width: 100%;
}

.plugin-list-actions {
	padding-bottom: 1em;
	border-bottom: 1px solid #eeeeee;
}

.plugin-list-description {
	padding-bottom: 0.25em;
}

.plugin-list-metadata {
	color: #aaaaaa;
}

.plugin-list-link {
	padding-left: 0.5em;
}

.plugin-list-name {
	font-family: "Chrono Medium";
}

.plugin-list-pagination {
	padding-top: 1em;
}

.plugin-list-pending {
	background-color: #ffffe0;
	padding: 0.5em;
	margin: 1em 0 1em 0;
}

.success {
	color: green;
}