/** 
 * 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 : 275px;
    margin: 10px auto;
    border : 1px solid black;
    border-collapse : collapse;
    table-layout : auto;

}
table.nutrition.right {
    width : 230px;
    margin-left: 235px;
    margin-top: 0;
}
table.nutrition.left {
    width : 230px;
    float: left;
    margin-top: 0;
}
div.nutrition_title {
    width : 275px;
    margin: 10px auto;
    font-family : Arial;
}
div.nutrition_title.right {
    width : 230px;
    margin-left: 235px;
    font-weight:700;
    height: 60px;
    margin-top: 0;
}
div.nutrition_title.left {
    width : 230px;
    margin-left: 0px;
    font-weight:700;
    float: left;
    height: 60px;
    margin-top: 0;
}
p.nutrition_text {
    text-align: left;
    margin-bottom: 20px !important;
    padding-left: 0 !important;
}
/**
 * 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.sep td {
    border-top : 4px solid black;
}

 /**
  * Format the header, which is basically the text "Nutrition Facts"
  */
.nutrition th {
    background-color : transparent;
    padding : 3px;
    border : 0;
    font-family : "Arial Black", Arial;
    font-size : large;
    font-weight : bolder;
    text-align: left;
}   

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

 /**
  * Define the cell for Daily Values
  */
.nutrition td.dv {
    font-weight : bold;
    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-weight : x-bolder;
}

.nutrition td.clean {
	border: none;
	white-space:normal;
}
.storm_title {
    font-size: 24px;
    font-weight:bold;
}