/** 
 * nutrition.css
 * The following code formats a table for a nutrition label. Feel free to use it as you wish.
 * Crediting the author is always appreciated.
 * Jonathon Eric Cihlar, January 2007
 */

/**
 * Define the table to be of the class "nutrition"
 */
table.nutrition {
	width : 270px;
	margin-top : 10px;
	margin-left : 4px;
	margin-right : 0px;
	border : 3px solid black;
	border-collapse : collapse;
	table-layout : auto;
}

/**
 * Format the caption at the top of the table
 */
.nutrition caption {
	font-family : Arial;
	font-size : small;
	font-style: italic;
}

/** 
 * Format the tr ids 
 */
.nutrition tr#calories td {
	border-bottom : 4px solid black;
}

.nutrition tr#servings td {
	border-bottom : 6px solid black;	
}

.nutrition tr#minerals td {
	border-top : 4px solid black;
}

 /**
  * Format the header, which is basically the text "Nutrition Facts"
  */
.nutrition th {
	background-color : #FFF;
	padding : 3px;
	border : 0;
	font-family : "Arial Black", Gadget, sans-serif;
	font-size : 25px;
	font-weight : bolder;
	text-align: center;
}	

 /**
  * Define the baseline style for cells
  */
.nutrition td {
	padding : 3px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : x-small;
	border : 0;
	border-bottom : 1px solid black;
	text-align : left;
	background-color: #FFF;
}

 /**
  * Define the cell for Daily Values
  */
.nutrition td.dv {
	text-align : right;
}

 /**
  * Set an indent for subordinate nutrients
  */
.nutrition td.sub {
	text-indent : 10px;
}

 /**
  * Set the style of the disclaimer text
  */
.nutrition td.disclaimer {
	font-size : xx-small;
}

 /**
  * Use the strong tag to set emphasis on particular text
  */
.nutrition strong {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 9.75px;
	font-weight: lighter;
}
.nutrition tr#blank td {
	border-bottom-width: 4px;
	border-bottom-style: none;
	border-bottom-color: black;
	vertical-align: top;
}
td span {
	margin-left: 15px;
}
.close {
	margin-top: 0px;
	padding-top: 0px;
}

.nugap {
	padding-left: 10px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
}
.dvgap {
	text-align: right;
}
.space {
	padding-left: 20px;
}
.nutrition tr#pad td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 15px;
}
.nutrition tr#short td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	word-spacing: 0.0001px;
	letter-spacing: 0.0001px;
	white-space: nowrap;
}
.nutrition tr#bot td {
	vertical-align: bottom;
}
.nutrition tr#padding0 td {
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}