/*
	This is for style specific to one control or usage, but where's there are not 
	enough styles to warrant its own sheet.
*/


/*
	SPECIFIC: INGREDIENTS
*/
/*input[type=text].bad-value {
	border: double 2px red;
	border-radius: 3px;
}*/
tr.unavailable-ingredient > td.missing-item-flag {
	background-color: white;
	min-height: 22px;
	min-width: 18px;
}
tr.unavailable-ingredient > td.missing-item-flag + td {
	padding-left: 2px;
}
tr.availability-ready > :first-child {
	padding-left: 16px;
}
div.unavailable-ingredient.textFootnote {
	background-position: 0 0;
	padding-left: 17px;
	min-height: 14px;
	line-height: 14px;
}
tr.unavailable-ingredient > td.missing-item-flag {
	background: url("../media/images/graphics/none.png") no-repeat;
	background-position: 1px 0;
}
tr.availability-ready.unavailable-ingredient > td:first-of-type {
	background: url("../media/images/graphics/none.png") no-repeat;
}
div.unavailable-ingredient.textFootnote {
	padding-top: 1px;
	padding-bottom: 1px;
	background: url("../media/images/graphics/none.png") no-repeat;
}

/*
	SPECIFIC: COMPARISONS
*/
.comparison-column ul {
	margin: 0 !important;
}
.comparison-column li {
	font-weight: normal;
	list-style-type: none;
}
.comparison-column .title1 {
	font-weight: bold;
    font-size: 16px;
    color: #006600;
}
.comparison-column .title2 {
	padding-left: 6px;
	padding-bottom: 12px;
	font-weight: bold;
	/*font-style: normal;*/
    font-size: 14px;
    color: #006600;
	opacity: 0.7;
}
.comparison-column .title2.first-col {
	padding-left: 0;
}
.comparison-column .section-heading {
	font-weight: bold;
	font-style: italic;
    font-size: 15px;
    color: #006600;
	/*background-color: lightgray;*/
	/*margin-top: 16px;*/
	padding: 18px 0 0 12px;
	/*border-bottom: solid 2px gray;*/
}
.comparison-column .section-heading hr.alt1 {
	height: 2px;
}
.comparison-column .detail > table {
	border-spacing: 2px;
	width: 100%;
	max-width: 600px;
}
.comparison-column .detail > table tr {
	vertical-align: top;
}
.comparison-column .detail > table table.tableDynamic2 {
	width: 100%;
	margin-top: 14px;
}
.comparison-column .detail > table table.detail-head {
	width: 100%;
	height: 22px;
	border-spacing: 0;
}
.comparison-column .detail > table table.detail-head tr {
	vertical-align: bottom;
}
/*.comparison-column .detail > table table.detail-head tr > td:first-child {
	width: 40%;
}*/
.comparison-column .detail > table table.detail-head td {
	padding: 0;
	white-space: nowrap;
}
.comparison-column .top-section-buttons {
	text-align: right;
	width: 100%;
}