* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 160%;
	margin: 0 auto;
	width: 90%;
	min-width: 825px;
	max-width: 1280px;
}

body.full-content {
	width: 1000px;
}

div#userbox {
	background: #e0e0e0;
	float: right;
	padding: 6px;
}
	div#userbox p {
		text-shadow: #ffffff 0 1px 0;
		margin: 0;
	}

div#header {
	padding: 10px;
	padding-bottom: 0px;
}
div#header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	div#header h1 {
		float: left;
	}
		div#header h1 a {
			background: url(/images/logo.png);
			height: 60px;
			width: 126px;
			display: block;
		}
			div#header h1 a span {
				display: none;
			}
	div#header ul#nav {
		float: left;
		margin: 22px 0;
		margin-left: 40px;
	}
		div#header ul#nav li {
			margin-left: 0;
			list-style: none;
			float: left;
		}
			div#header ul#nav li a:link,
			div#header ul#nav li a:visited {
				background: #505050;
				color: #ffffff;
				text-shadow: #000000 0 1px 0;
				font-weight: bold;
				text-decoration: none;
				padding: 8px 12px;
				margin: 4px;
			}
			div#header ul#nav li a:hover,
			div#header ul#nav li a:focus {
				background: #606060;
			}
div#keepthisinabox,
div.keepthisinabox {
}
div#keepthisinabox:after,
div.keepthisinabox {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#content {
	margin-left: 10px;
	float: left;
	width: 73%;
}
	div#content p {
		margin-bottom: 10px;
		text-align: justify;
	}
body.full-content div#content {
  width: 100% !important;
}
div#sidebar {
	margin-right: 10px;
	width: 22%;
	float: right;
}
	div#sidebar h2 {
		font-size: 1em;
	}
	div#sidebar div {
		margin-bottom: 10px;
		padding: 0 5px;
	}
	div#sidebar div.bottom {
		border-bottom: none;
	}
	div#sidebar div#staging {
		border: 1px solid #eeccbb;
		background: #ffddcc;
	}
	div#sidebar div#tips {
		background-color: #e0e0e0;
		padding: 8px;
		text-shadow: #ffffff 0 1px 0;
	}
	div#sidebar div#tips h2 {
		border-bottom: 0;
		margin-bottom: 2px;
	}
	div#sidebar div#tips a.more {
		display: block;
		margin-top: 5px;
	}
	div#sidebar div#applications li {
		margin-left: 0;
		list-style: none;
	}
	div#sidebar div#applications li span.actions {
	    float: right;
	}
	div#sidebar div#staffupdates li {
		clear: right;
		margin-left: 0;
		list-style: none;
		margin-bottom: 10px;
	}
	div#sidebar div#staffupdates li span {
	    display: block;
	}
	div#sidebar div#staffupdates li a {
		color: #303030;
	}
	div#sidebar div#usage p.text {
		font-size: 12pt;
		text-align: center;
	}
div#footer {
	border-top: 1px dotted #808080;
	padding: 10px;
}
	div#footer div {
		margin-bottom: 10px;
		text-align: justify;
	}
	div#footer div span.copyright {
		margin-right: 10px;
	}
	div#footer div span.about {
		float: right;
		margin-left: 10px;
	}
	div#footer form {
	  float: right;
	  display: inline;
	}

p#flashnotice,
p#flasherror {
	border: 1px solid #000000;
	text-shadow: #ffffff 0 1px 0;
	padding: .8em;
	margin: 1em 0 1em 0 !important;
}

p#flashnotice {
	border-color: #d4dae8;
	background: #eceff6;
}

p#flasherror {
	border-color: #dd3c10;
	background: #ffebe8;
}

div.errorExplanation {
	border: 1px solid #eeccbb;
	background: #ffddcc;
	padding: .8em;
	text-shadow: #fff 0 1px 0;
	margin-bottom: 1em;
}

div.errorExplanation h2 {
	border: none;
	font-size: 1.2em;
}

.fieldWithErrors {
  padding: 2px 3px;
  background-color: #ffddcc;
  display: table;
}

a:link,
a:visited {
	color: #3040b0;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline;
}

dl {
	margin-bottom: 10px;
}
dl.appinfo,
dl.bioinfo,
dl.devicelist {
		margin-left: 75px;
}
dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	dl.appinfo dt,
	dl.bioinfo dt,
	dl.devicelist dt {
		float: left;
	}
	dl.appinfo dd,
	dl.bioinfo dd,
	dl.devicelist dd {
			margin-left: 160px;
	}
	dl.devicelist dd {
		margin-left: 140px;
	}
	dl.devicelist dd.tokendisplay {
		font-family: monaco, monospace;
		font-size: 10px;
	}
	dl.faq dt {
		font-weight: bold;
		margin: 10px 0;
	}
	dl.appinfo dt,
	dl.bioinfo dt,
	dl.devicelist dt {
		font-weight: bold;
	}
dl.apiinfo,
dl.devicelist {
    margin-left: 0;
}

table {
	border-collapse: collapse;
	margin-bottom: 10px;
}
	table tr th {
		font-weight: bold;
		text-align: left;
		border-bottom: 1px solid #808080;
	}
	table tr th,
	table tr td {
		padding: 6px;
	}

h2,
h3 {
	padding-bottom: 1px;
	border-bottom: 1px dotted #808080;
}

h2 {
	margin-bottom: 10px;
}

h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

form label {
	clear: left;
	float: left;
	width: 150px;
	margin-right: 10px;
	font-weight: bold;
}

form .formunselected {
	color: #808080;
}

form .formselected {
	color: #000000;
}

form #devicesearch {
	width: 200px;
}

img {
	vertical-align: middle;
	border: none;
}

img.appicon,
img.bioicon {
	position: relative;
	top: 0.4em;
	width: 57px;
	overflow: hidden;
	border: 4px solid #e0e0e0;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.icon {
	vertical-align: text-bottom;
}

p.footnote {
    font-size: 0.8em;
}

ul,
ol {
	margin-bottom: 10px;
}
	ul li,
	ol li {
		margin-left: 24px;
	}

ul#applist li {
	list-style: none;
	margin-left: 0;
}

ul#applist li span.appname {
	clear: left;
	float: left;
	width: 150px;
	margin-right: 10px;
	font-weight: bold;
}

div#footer {
		margin-top: 20px;
}

tt.commithash {
	font-family: monaco, monospace;
}

.low,
.mid,
.high {
	font-weight: bold;
}
	.low {
		color: #30b040;
	}
	.mid {
		color: #b08010;
	}
	.high {
		color: #e03040;
	}

.secret_key {
	margin-left: 10px;
}

.api_key {
    font-family: monaco, monospace;
	font-size: 10px;
}

.section {
	background: #e0e0e0;
	padding: 10px;
	margin-bottom: 10px;
	text-shadow: #ffffff 0 1px 0;
	font-size: 95%;
}

.section div.form {
    margin-top: 10px;
}

.sender_status {
	font-weight: bold;
	margin-bottom: 10px;
}

.sender_status .sender_status_failure {
	color: #e03040;
}

/* Home page */

div#welcome {
	margin: 10px auto;
	text-align: center;
}
  div#welcome img {
    -webkit-box-shadow: 0px 3px 10px #888;
  }
div.testimonials {
	float: right;
	width: 40%;
}
	div.testimonial {
	}
		div.testimonials div.testimonial img {
			border: 4px solid #e0e0e0;
			padding: 6px;
			float: left;
			margin: 10px;
		}

div.mainpagecontent {
	float: left;
	width: 55%;
}

div.notifyblock {
	text-align: center;
	margin-bottom: 16pt !important;
}
div.notifyblock p {
	text-align: left;
	font-size: 16pt;
}
div.notifyblock p.num {
	display: inline;
}
div.notifyblock p.sl {
	display: inline;
	font-size: 32pt;
	top: 12pt;
	position: relative;
}
div.notifyblock p.den {
	display: inline;
	position: relative;
	top: 16pt;
}

.home-container {
  margin-top: 15px;
}

.home-container .home-column {
  float: left;
  width: 48%;
}

.home-container .button {
  text-align: center;
  display: block;
  width: 250px;
  height: 50px;
  text-indent: -9999px;
  margin: 20px auto;
}

.home-container .button a {
  display: block;
  width: 100%;
  height: 100%;
  background: transparent url(/images/signup-button.png) no-repeat top left;
}

.home-container .button a:hover {
  background-position: 0 -50px;
}

.home-container .home-column-first {
  margin-right: 4%;
}

p.banner {
	text-align: center !important;
}

span.translation_missing {
  background-color: #ffddcc;
  font-weight: bold;
}

div#applications {
	margin: 0 auto;
}
	div.application {
		/*float: left;
		width: 43%;
		margin: 10px 10px;
		padding: 10px;
		background-color: #e0e0e0;
		text-shadow: #ffffff 0 1px 0;
		-webkit-box-shadow: 1px 1px 1px #888;*/
	}
	div.application:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
		div.application div.application_header {
			margin-bottom: 10px;
			cursor: hand; cursor: pointer;
		}
			div.application div.application_header h4.application_name {
				border-bottom: 1px dotted #808080;
			}

div.application_nav {
	width: 20%;
	float: left;
}
	div.application_nav ul {
		list-style-type: none;
		margin-top: 0;
	}
		div.application_nav ul li {
			text-align: right;
			margin: 8px 0;
			padding: 10px;
		}
		div.application_nav ul li.selected {
			background-color: #e5e5e5;
			text-shadow: #ffffff 0 1px 0;
			border-radius: 5px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}

div.application_show {
	width: 80%;
	float: left;
	background-color: #e5e5e5;
	text-shadow: #ffffff 0 1px 0;
	border-radius: 5px;
	min-height: 350px;
}

div.application_overview {
	padding: 20px;
}

div.application_heading {
	
}
	div.application_heading h1 {
		font-size: 2.5em;
		margin-bottom: 15px;
	}
	div.application_heading div.status {
	}
	  div.application_heading div.status p {
	    margin-bottom: 0px !important;
	  }
		  div.application_heading div.status p span {
			  font-weight: bold;
		  }
	div.application_heading img.appicon {
		float: right;
		margin: 0;
	}

table.collaborators tr th.name {
	width: 240px;
}

table.errors tr.new {
	background: #ffddcc;
}