/* Frusi popup page styles */
/* Created: 25/02/2006 */
/* Last Updated: 25/02/2006 */

@import "/includes/css/common.css";




/*------------ Page Frame Layout -------------*/

#header
{
	background-image:url(/images/header/popup.gif);  
	background-repeat:no-repeat;
	width:500px; 
	height:120px;	
	padding: 0;
	margin: 0;	
}
.headerTitle
{
	position: absolute;
	top: 90px;
	left: 180px;	
}
#hdrMovie
{
	/*width: 250px;*/
	width: 252;
	height: 120px;
	float: right;
}
#hdrLHS
{
    float: left;
    width: 230px;
    text-align: left;    
}

#logo
{
   height: 120px;
   width: 235px;
}
.hdrCenter
{
    float: right;
    width: 240px;
    text-align: left;    
}

#canvas
{
	background-image:url(/images/bg-repeat-popup.gif); 
	background-repeat:repeat-y; 
	width:500px; 
	margin:0 auto; 
	overflow:visible;	
	
}

#background
{
	width:500px;
	position: relative;
}
#leftbox 
{
	width: 0px; 
	padding-top: 10px; 
	float:left;	
}
#middlebox 
{
	width: 400px; 
	position: relative; 
	text-align: left;	
	margin: 0 0 0 0;
	padding-top:10px;	
}
#rightbox 
{
	float:right; 
	width: 50px; 
	padding-top: 10px;
}

#Lcorner
{
	background-image:url(/images/footer/bg-btm-l-popup.gif); 
	background-repeat:no-repeat; 
	/*width:237px; */
	width:50px; 
	height:120px; 
	position:absolute; 
	left:0px; 
	bottom:0px;	
	text-align: left;
	
}
#Lcorner img
{
	position:absolute; 
	left:1px; 
	bottom: 0px;
}

#Rcorner
{
	background-image: url(/images/footer/bg-btm-r-popup.gif); 
	background-repeat: no-repeat; 
	/*width: 237px; */
	width: 50px; 
	height: 120px; 
	position: absolute; 
	right: 0px; 
	bottom: 0px;	
	text-align: right;
}
#Rcorner img
{
	position: absolute; 
	right: 0px; 
	bottom: 0px;
}
#footerPopup
{
	background-image: url(/images/footer/popup.gif); 
	background-repeat: no-repeat; 
	height: 75px;	
	width: 400px;	
	
}

/*------------ Content -------------*/
#content
{
	width: 400px;
}

div.clearer {clear: left; line-height: 0; height: 0;}

.note { font-size: 90%;}

#sidePlant
{
	position: absolute;
	right: -1px;	
}
#linkBlock
{
	color: #FD6624;	
}
#linkBlock p
{
	display: inline;	
}
#linkBlock a
{
	color: #FD6624;	
	font-weight: bold;	
}
#linkBlock a:hover
{
	color: #FFA600;	
}
#linkBlock img
{
	margin-left: 10px;	
	margin-bottom: 20px;	
}

#imageBlock p, #imageBlock h1
{
	display: inline;
}
#imageBlock img
{
	margin-bottom: 10px;
	margin-left: 5px;
}

p.intro
{
	display:inline;
}
#nutritionData
{
	font-size: 100%;
	color: #A8015E;	
	margin: 15 0 15 0;
}
#nutritionData .hdrRow
{
	font-weight: bold;
	color: #A8015E;	
}
#nutritionData td, #nutritionData th 
{
	border-bottom: 1px solid #EF117D;
	border-left: 1px solid #EF117D;	
}
.firstRow
{
	border-top: 1px solid #EF117D;	
}
.lastColumn
{
	border-right: 1px solid #EF117D;	
}
.nutrient
{
	font-weight: normal;	
}
#nutritionData td.footer
{
	border: 1px solid #ffffff;	
}



/*------------ Form elements ------------*/
.quiz input
{
	vertical-align: middle;
}
.quiz label
{
	color: #FD6624;
}

label.results
{
	/*color:#20AF4B;*/	
	color: #369E2B;
	font-weight: bold;
}

input.results
{
	width: 278px;
	height: 19px;
	border: 2px solid #7F9DB9;
	font-size: 100%;
	margin-top: 6px;
}
span.mandatory
{
	color: #BA0000;
}
.indication
{
	/*color:#20AF4B;*/	
	color: #369E2B;
	font-size: 100%;
	font-style: italic;
}
.button
{
	background-color: #ffffff;
	border:0px;
	color: #369E2B;
	font-weight: bold;
	font-family: Verdana;
	font-size: 100%;
	text-decoration: underline;
	text-align: left;
}



