/* viewjob */
.error { border: 2px solid red; padding: 1em; }
.error .error_message { font-size: 2em; }
.error .extra_details { overflow: auto; border: 1px solid #ccc; border-radius: 0.5em; background-color: #fee; padding: 1em; }
.warning { font-weight: bold; color: red; }

.plot_widget .legendLabel { white-space: nowrap; }
.plot_widget .peptide_plot_caption { border: 0; padding: 0; margin: 0 1em 0 0;  width: 20em; display: inline-block; }
.plot_widget .plot_widget_inner { display: inline-block; vertical-align: top; }

.color_legend { padding: 0.4em; border-radius: 0.4em; color: #333; margin: 0.1em 0; display: inline-block;   }
.tooltip { width: 20em; }

.view_file_widget .markdown table {
	border: 1px solid black;
	border-collapse: collapse;
}
.view_file_widget .markdown tr:nth-child(even) {
	background-color: #fff;
}
.view_file_widget .markdown td,
.view_file_widget .markdown th {
	border: 1px solid black;
	padding: 0.5em;
}
/* center */
.set_widget .view_file_widget_inner > div  { text-align: center; }
/* ...but make sure caption is left-aligned, and add padding so captions look nice */
.set_widget .view_file_widget .caption { text-align: left; padding: 0 1em; }
/* hint true size of image to browser, so layout can be ready prior to downloading image */
.set_widget .view_file_widget img { height: 256px; width: 256px; }
/* make sure all images are aligned at their top */
.set_widget .tab td { vertical-align: top; }
/* makr room for cyclic peptide closeup even when its not there, so that display is uniform */
td.peptiderive_cyclic_peptide_closeup { width: 33%; }

/* documentation */
.peptiderive-equation { text-align: center; text-style: italic; }
.peptiderive-equation .peptiderive-text { text-style: normal; }
.peptiderive-figure { text-align: center; margin: 1em auto; }
.citations { margin: 1em auto; }

.peptiderive-navbar { 
	clear: left; float: left; width: 128px; 
}
.peptiderive-navbar ul {
	margin: 1em 0; padding: 0;
} 
.peptiderive-navbar li { 
	margin: 0; padding: 0;
	list-style: none none;
}
.peptiderive-navbar a { 
	text-decoration: none;
	font-size: 1.2em;
	padding:  0.75em 0;
	display: block;
	margin: 0.5em 0;
	text-align: center;
	vertical-align: middle;
	border-radius: 12px;
}
.peptiderive-navbar a.peptiderive-current-section {
	background: #eee;
	
}

.peptiderive-content {
	float: left; width: 740px; 
	margin-left: 20px;
}

.peptiderive-section {
	clear: both;
}

.peptiderive-navbar-frame-follow .peptiderive-navbar {
	position: fixed;
	top: 0px;
}
.peptiderive-navbar-frame-follow .peptiderive-content {
	margin-left: 148px;	
}
.peptiderive-navbar-frame {
	position: relative;
	overflow: auto;
}
.peptiderive-navbar-frame-maxed .peptiderive-navbar {
	position: absolute;
	top: inherit;
	bottom: 0px;
}
.peptiderive-navbar-frame-maxed .peptiderive-content {
}

.peptiderive-question {
	font-weight: bold;
}

.peptiderive-answer {
	margin: 1em 0;
}

.peptiderive-navbar-frame {
	clear: both;
}