body {
	background-color: #EEE;
}

.content {
	display: none;
	background-color: #FFF;
	margin-bottom:150px;
}

#content_about,
#content_register,
#content_register2,
#content_activate,
#content_eula,
#content_login,
#content_logout {
	padding: 20px;
	margin-top: 20px;
}

#mutation_window {
	display: none
}

#content_importpdb_options {
	margin-top: 10px;
}

#mutation_output_select {
	margin-top: 25px;
	margin-bottom: 25px;
}

#mutation_heatmap td {
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
}

#mutation_heatmap th {
	text-align: center;
	width: 30px;
	height: 30px;
	min-width: 30px;
	min-height: 30px;
}


#content_data,
#content_importpdb {
	padding: 20px;
}

#sequence_heatmap table {
	padding: 0;
	margin: 0;
}

.dihedralscale {
	height: 240px;
}

.heatbar {
	height: 240px;
	width: 100%;
}

#sequence_heatmap div {
  position: relative;
}

.heatmap_mutation {
	color: red;
}

#heatmaptable p {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	font-size: 1.7em;
	-webkit-text-stroke: 3px black;
}

#sequence_heatmap th div {
	font-family: monospace, monospace;
	writing-mode: vertical-rl;
	white-space:nowrap;
	transform:scale(-1);
}

.sequence {
	font-family: monospace;
	background-color: #DDD;
	padding: 10px;
	border-radius: 7px;
}

#sequence_preview {
	padding-top: 20px;
	padding-bottom: 20px;
}

#input_pdb_load {
	margin-top: 20px;
}

#icn3d_progress {
	font-family: monospace;
	background-color: #DDD;
	padding: 10px;
	display: none;
}

.conformer_import {
	padding: 10px;
	border-radius: 7px;
	border: 4px solid #666;
	margin-bottom: 20px;
}
.conformer_import hr {
	margin-left:-10px;
	margin-right:-10px;
}

.conformer_chainmodel_name {
	margin-top: 10px;
	margin-bottom: 20px;
}

h1,
h2 {
	padding-bottom: 10px;
}

.template {
	display: none;
}

#button_eula_accept {
	margin-bottom: 5px;
}

#button_eula_reject {
	margin-top: 5px;
}

.indent {
	padding-left: 10px;
}