body {
	padding:1em;
}
header .pull-right {
	padding-right: 130px;
}
header .pull-right select {
	margin-left:1em;
}
#recipe {
	width: 20em;
}
#ipm {
	width: 5em;
	text-align:right;
}

#calc input {
	margin: 0 0.5em;
	font-family: monospace;
}

#addAnother, #clear, #bulk {
	margin-left: 15px;
}

#options {
	margin-bottom: 10px;
}

#options label {
	margin-right: 5px;
}

#options select {
	margin-right: 20px;
}

.req {
	font-size: 12px;
	color:#999;
	line-height: 25px;
	white-space: nowrap;
}
.req.header {
	border-bottom: 1px solid black;
}

.totals .req:nth-child(even) {
	background-color: #EEEEEE;
}

/*.req > div, .req .recipe-info > div, .req .data > div {
	display: inline;
	margin-right:1em;
}*/
.req .data {
	display: inline-block !important;
	height: 25px;
	position: absolute;
    left: 30em;
}
.req .ips, .req .assemblers, .req .lines_required {
	font-family: monospace;
	font-size: 16px;
	color:#000;
	position: absolute;
	display: inline-block;
	text-align: right;
}

.req.header .ips, .req.header .assemblers, .req.header .lines_required {
	font-family: sans-serif;	
	color:#000;
	font-weight: bold;
}

.req .ips {
	width: 8em;
	left: 0em;
}
.req .assemblers {
	width: 8em;
	font-weight: bold;
	color:#CC7A00;
	left: 12em;
}

.req .assemblers .madeBy {
	font-size: 12px;
	color:#999;
	font-weight: normal
}

.req .lines_required {
	width: 12em;
	left: 21em;
}

.req .explain, .req .remove {
	position: absolute;
	display: inline-block;
	width: 6em;
	left: 54em;
}

.req .name {
	font-family: monospace;
	font-weight: bold;
	font-size: 16px;
	color:#000;
	width:30em;
	display: inline-block;
}

.req.header .name {
	font-family: sans-serif;	
}

.req .inputs {
	display: block !important;
	margin-left:2em;
	padding-left: 1em;
	border-left:1px dotted #ccc;
}

a.closeLink {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}

.explainContent .title {
	font-size: 20px;
}

.explainContent .section {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}

.explainContent div {
	margin-bottom: 10px;
}

.explainContent div.details {
	margin-bottom: 0px;
}

.explainContent .mono {
	font-family: monospace;
}

.explainContent .bmono {
	font-family: monospace;
	font-weight: bold;
}

.bulkContent .title {
	font-size: 20px;
	margin-bottom: 10px;
}

.bulkContent textarea {
	font-family: monospace;
	width: 100%;
	height: 300px;
	margin-bottom: 20px;
}

.bulkContent .error {
	color: red;
	margin-bottom: 10px;
}

.graph {
	overflow-x: auto;
	border: 1px solid lightgray;
	padding: 5px;
}

/* Some styling for the graph */
/* This sets the color for "TK" nodes to a light blue green. */
g.type-TK > rect {
	fill: #00ffd0;
}

text {
	font-weight: 300;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serf;
	font-size: 14px;
}

.node rect {
	stroke: #999;
	fill: #fff;
	stroke-width: 1.5px;
}

.edgePath path {
	stroke: #333;
	stroke-width: 1.5px;
}
