/* IE7 Only */
*:first-child+html #labellingCalc #footerRow {
padding-bottom:5px;
}

#labellingCalc {
position:absolute;
left:-300px;
top:-50px;
background: white;
font-size: 1.3em;
width: 1000px;
font-family: Arial, Verdana, Helvetica, sans-serif;
margin-top: 100px;
padding: 0;
}

#labellingCalc #footerRow {
display:none;
}

#labellingCalc #title {
display:none;
float:left;
width:100%;
font-size: 1.5em;
text-align:center;
padding: 10px 0 20px 0;
margin: 0;
}

#labellingCalc #container {
float: left;
margin: 0px;
padding: 0px;
padding-bottom: 5px;
width: 100%;
}

#labellingCalc #container .columnRow {
display:none;
float:left;
width:100%;
padding: 0 0 5px 0;
}

#labellingCalc #container #typeRadios ul {
display:none;
float: left;
margin: 0;
padding: 0 0 0 10px;	
text-align: left;
list-style: none;
}

#labellingCalc #container #typeRadios li {
display:inline;
}

#labellingCalc #trafficll {
float:left;
width: 100%;
background:white;
}

#labellingCalc #trafficll #tlcontainer {
float:left;
width:100%;
padding:0;
}

#labellingCalc #trafficll #tlcontainer .hftext{
font-size: 1.3em;
float:left;
width:100%;
text-align:center;
margin:0;
padding:0.7em 0 0.7em 0;
}

#labellingCalc #trafficll #tlcontainer #inside{
float:left;
width:100%;
padding:1em 0 1em 0;
border-top-style:solid;
border-top-color:black;
border-top-width:2px;
border-bottom-style:solid;
border-bottom-color:black;
border-bottom-width:2px;
}

#labellingCalc #trafficll #tlcontainer #inside .tllabel {
float:left;
width: 170px;
height: 14.0em;
font-size:100%;
text-align: center;
margin-left:1.2em;
border: none;
}

#labellingCalc #trafficll #tlcontainer #inside .tllabel .tlupperlabel{
margin:0;
padding:0;
height:10.0em;
width: 100%
}

#labellingCalc #trafficll #tlcontainer #inside .tllabel .tlupperlabel #tlfat {height:100%;}

#labellingCalc #trafficll #tlcontainer #inside .tllabel .tlupperlabel #tlsatfat {height:100%;}

#labellingCalc #trafficll #tlcontainer #inside .tllabel .tlupperlabel #tlsugars {height:100%;}

#labellingCalc #trafficll #tlcontainer #inside .tllabel .tlupperlabel #tlsalt {height:100%;}

#labellingCalc #trafficll #tlcontainer #inside .tllabel .tllowerlabel{
height:4.0em;
width: 100%;
border-top: 2px solid black;
line-height:85px;
font-weight:bold;
}

#labellingCalc #trafficll #tlcontainer #inside .tllabel .tlelowerlabel{
height:4.0em;
width: 100%;
border:none;
line-height:85px;
}

#labellingCalc p {
text-align:centre;
margin:0;
padding:0;
}

#labellingCalc p.tltype {
font-size: 1.3em;
line-height:250%;
}

#labellingCalc p.tllevel {
font-weight:bold;
line-height:220%;
}

#labellingCalc p.tlportion {
line-height:350%;
}

#labellingCalc input {
border: 1px solid #003300;
}

#labellingCalc input.hfitext {
font-size: 1.3em;
border: none;
text-align: center;
}

#labellingCalc input.hfiptext {
font-size: 1.3em;
border: none;
text-align:center;
font-weight:bold;
}

#labellingCalc input.lblbutton {
margin: 20px 0 20px 37%;
font-size:110%;
width:120px;
background-color:white;
border: 2px solid #003300;
}

#labellingCalc #calculateRow,
#labellingCalc #footerRow {
display:none;
float:left;
clear:both;
width: 100%;
padding-top: 10px;
text-align:center;
}

#labellingCalc .columnLeft {
display:none;
float:left;
width:50%;
padding-left: 3px;
margin-top: 0;
padding-top: 10px;
}

#labellingCalc .columnRight {
display:none;
float:left;
width:45%;
padding-left: 3px;
margin-top: 0;
padding-top: 10px;
}

#labellingCalc .textLeft {
float:left;
width:40%;
padding-left:10px;
}

#labellingCalc .textRight {
float:left;
width:auto;
padding-left:5px;
}

#labellingCalc input.tabutton {
display:none;
}

#labellingCalc input.printbutton {
display:none;
}


#labellingCalc .tb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/dot_black.gif) 0 0 repeat-x; width: 100%;}
#labellingCalc .bb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/dot_black.gif) 0 100% repeat-x; width: 100%;}
#labellingCalc .lb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/dot_black.gif) 0 0 repeat-y; width: 100%;}
#labellingCalc .rb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/dot_black.gif) 100% 0 repeat-y; width: 100%;}
#labellingCalc .blb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/black-bl.gif) 0 100% no-repeat; width: 100%;}
#labellingCalc .brb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/black-br.gif) 100% 100% no-repeat; width: 100%;}
#labellingCalc .tlb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/black-tl.gif) 0 0 no-repeat; width: 100%;}
#labellingCalc .trb {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/black-tr.gif) 100% 0 no-repeat; width: 100%;}

#labellingCalc .label_bl {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/label-bl.gif) 0 100% no-repeat; width: 100%;}
#labellingCalc .label_br {float: left; background: url(http://collections.europarchive.org/tna/20100927130941/http://www.food.gov.uk/label-br.gif) 100% 100% no-repeat; width: 100%;}