/* 
    Document   : nutrient-display.css
    Created on : 11/11/2010, 18:51:21
    Author     : liz
    Description:
        Make a nutritient list look like a label
*/

#nutrients-warper{
    float:right;
}

#product-nutrients, #product-serving {
    display:inline-block;
    border:3px solid #555555;
    float:right;
    padding:5px;
    width:270px;
}

#product-serving{clear:right; margin-top:10px;}


#product-nutrients table,#product-serving table
{
    background:none repeat scroll 0 0 #FFFFFF;
    font-family: verdana,sans-serif;
    font-size:12px;
    width:270px;
}


#product-nutrients-edit table
{
    background:none repeat scroll 0 0 #FFFFFF;
    font-family: verdana,sans-serif;
    font-size:12px;
    width:270px;
}

#product-serving table th,
#product-nutrients table th,
#product-nutrients-edit table th
{
    font-weight: bold;
    text-align: center;
    background:none repeat scroll 0 0 #F3F3F3;
    border-bottom:9px solid #555555;
    font-size:1.36em;
    height:3em;
    text-transform:none;
}

#product-nutrients table td:first-of-type {
	word-break: break-all;
	max-width: 120px;
}

#product-serving table td.indented,
#product-nutrients table td.indented
{
    padding-left:2em;
    padding-bottom: 5px;
}
#product-serving table td.dv-percent-cell
#product-nutrients table td.dv-percent-cell
{
    text-align:right;
    padding:5px 11px;
    width:25px;
}

#product-serving table td.normal
#product-nutrients table td.normal
{
    font-weight:bold;
    padding:5px 7px;
}

#product-serving table .calorie-row td
#product-nutrients table .calorie-row td
{
    border-bottom:5px solid #555555;
}

#product-serving table .row-border td,
#product-nutrients table .row-border td
{
    border-top:1px solid #555555;
}

#product-serving table .calorie-row td.calorie-cell,
#product-nutrients table .calorie-row td.calorie-cell
{
    font-size:1.18em;
    font-weight:bold;
}

#product-serving table .calorie-row td.kilojoules-cell,
#product-nutrients table .calorie-row td.kilojoules-cell
{
    text-align:right;
    vertical-align:middle;
}

#product-serving table .dv-row td,
#product-nutrients table .dv-row td
{
    font-size:0.91em;
    text-align:right;
    padding:0.4em 0.91em;
    vertical-align:top;
}

#dv-percentage
{
    font-size:0.91em;
}

#product-serving  .ing_name,
#product-nutrients  .ing_name
{
    width:200px;
    display:inline-block;
}

#product-serving    .nutrient-value,
#product-nutrients  .nutrient-value
{
    width:5px;
    display:inline-block;
}

#product-serving .separator,
#product-nutrients .separator
{
    height:8px;
    margin:2px 0;
    line-height:6px;
    font-size:0;
}

#product-serving .separator td,
#product-nutrients .separator td
{
    border-top: 5px solid #555555
}

.nutrientAdder td.normal select {
	max-width: 140px;
}

.nutrientAdder .uom
{
    display:inline-block;
    width:30px;
}

td.ui-icon
{
    margin-top:5px;
    cursor: pointer;
}


#product-nutrients td.value{
    width:65px;
}

#product-serving td.value{
    width:45%;
}

#nutrientsEditTable {margin-top:10px; font-size:14px; background-color:white;border-style: solid; clear:left; float:left;}
#nutrientsEditTable tr,.NutrientsEditTableProfile tr{height: 28px; vertical-align: middle;}
#nutrientsEditTable  td.profile-col{padding:0 8px; background: #ccc;}
#nutrientsEditTable  td.profile-col.left{border-left: 2px #555555 dashed;}

#profileNutrients{float:left;}

.NutrientsEditTableProfile {margin-top:8px;font-size:14px;padding: 0 10px 1px 6px;background-color:white;border-style: solid; border-left:0;}

.nutrient-input{text-align:right;width:40px;}

#nutrient-add-select{border:solid 1px;clear: left; display: block;}

#category-general #category-general-main{width:400px; float:left;}
#category-general #category-general-nutrients{float:left;}
#category-general #category-general-deciles{float:left;}