body { padding: 20px; }


#mqs-calculator {
	width: 700px;
	clear: both;
	overflow: hidden;
	}

	#mqs-calculator *,
	#mqs-calculator button {
		font: 12px/15px Verdana, Arial, sans-serif;
		color: #4c4c4c;
	}
	#mqs-calculator strong { font-weight: bold; }

	#mqs-calculator h1 {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 0.75em;
	}

	#mqs-calculator .table th,
	#mqs-calculator .table td        { vertical-align: middle; }
	#mqs-calculator .table th.legend { vertical-align: top; }


	#mqs-calculator tr:first-child th:first-child {
		-webkit-border-radius:5px 0 0 0;-moz-border-radius:5px 0 0 0;border-radius:5px 0 0 0;
	}
	#mqs-calculator tr:first-child th:last-child {
		-webkit-border-radius: 0 5px 0 0;-moz-border-radius: 0 5px 0 0;border-radius: 0 5px 0 0;
	}
	#mqs-calculator tr:last-child th {
		-webkit-border-radius:0 0 5px 0;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;
	}

	#mqs-calculator .col-title   { width: 345px; }
	#mqs-calculator .col-input   { width: 244px; }
	#mqs-calculator .col-mqs     { width: 105px; }
	#mqs-calculator .col-content { width: 349px; }

	#mqs-calculator th,
	#mqs-calculator label,
	#mqs-calculator label span {
		font-weight: bold;
		text-align: left;
	}

	#mqs-calculator .highlight th,
	#mqs-calculator .highlight td {
		background-color: #f0f5ff;
		}

		#mqs-calculator .highlight th { color: #5376b5; }

	#mqs-calculator .highlight strong,
	#mqs-calculator .highlight strong span {
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
	}

	#mqs-calculator select { width: 100%; }

	#mqs-calculator .error { border-color: #ff0000; }

	/* Initially hide texts for selection */
	#mqs-calculator #usp1,
	#mqs-calculator #fda { display: none; }

	#mqs-calculator .modal-link {
		display: block;
		width: 28px;
		height: 28px;
		background: url(http://www.chem.agilent.com/en-US/products-services/Instruments-Systems/Dissolution/280-DS-Mechanical-Qualification-System/PlusImages/modal-icon.png) no-repeat;
		text-indent: -999px;
		overflow: hidden;
	}

	#mqs-calculator .bar1 { background-color: #ffce00; }
	#mqs-calculator .bar2 { background-color: #0085d5; }

	#graph-legend {
		list-style-type: none;
		margin: 1em 0;
		padding: 0;
		clear: both;
		overflow: hidden;
		}

		#graph-legend li {
			margin-bottom: 0.25em;
		}

		#graph-legend .bar1,
		#graph-legend .bar2 {
			display: block;
			width: 1em;
			height: 1em;
			border: 1px solid #fff;
			float: left;
			margin-right: 0.5em;
		}

	#graph-container {
		position: relative;
		width: 280px;
		height: 210px;
		margin: 10px 0;
		}


#mqs-modal {
	display: none;
	font: 12px/15px Verdana, Arial, sans-serif;
	color: #4c4c4c;
}