/* Frusi default page styles */
/* Created: 14/02/2006 */
/* Last Updated: 15/02/2006 */

@import "/includes/css/common.css";


/*------------ Page Frame Layout -------------*/

#header
{
	background-image:url(/images/header/default.gif);  
	background-repeat:no-repeat;
	width:770px; 
	height:120px;	
	padding: 0;
	margin: 0;	
}
.headerTitle
{
	position: absolute;
	top: 85px;
	left: 230px;	
}
#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.gif); 
	background-repeat:repeat-y; 
	width:770px; 
	margin:0 auto; 
	overflow:visible;
	
}

#background
{
	width:770px;
	position: relative;
}
#leftbox 
{
	width: 230px; 
	padding-top: 10px; 
	float:left;	
}
#middlebox 
{
	width: 298px; 
	position: relative; 
	text-align: left;	
	margin: 0 0 0 0;
	padding-top:10px;
}
#rightbox 
{
	float:right; 
	width: 234px; 
	padding-top: 10px;
}

#Lcorner
{
	background-image:url(/images/footer/bg-btm-l.gif); 
	background-repeat:no-repeat; 
	/*width:237px; */
	width:237px; 
	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.gif); 
	background-repeat: no-repeat; 
	/*width: 237px; */
	width: 237px; 
	height: 120px; 
	position: absolute; 
	right: 0px; 
	bottom: 0px;	
	text-align: right;
}
#Rcorner img
{
	position: absolute; 
	right: 0px; 
	bottom: 0px;
}


/*------------ Content -------------*/
#content
{
	width: 280px;
}
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: 5px;
	margin-left: 5px;	
}
/*
#imageBlock .rightBlock 
{
	margin:0px;
	float:left;
	border: 1px solid #fff;
	margin-bottom:20px
}
*/

p.intro
{
	display:inline;
}



/*------------ LHS Navigation ------------*/

#leftNav 
{
	width: 200px;	
	height: 150px;
}



div.leftNavOn00
{
	background-image: url(/images/bg-leftnav-undeline.gif);
	background-repeat: repeat-x;	
	background-position:0 17;
	height: 25px;
	width: 170px;
	margin-left: 20px;
}

div.leftNavOn01
{
	background-image: url(/images/leftnav-bullet-on.gif);
	background-repeat: no-repeat;	
	background-position: 14 2;	
	padding-left: 0px;	
}

img.leftnavOn01
{
	margin-left: 30px;
}

.leftNavOn00 img
{	
	padding-left: 5px;
}


/*------------ RHS Navigation ------------*/

#rightNav 
{
	width: 135px;	
	height: 150px;	
	text-align: left;
}

#rightNav p 
{
	display: inline;
}

#rightNav a {
	
	font-weight: bold;
}

/*------------ Bottom Navigation ------------*/

#bottomNav 
{
	width: 275px;	
	/*height: 59px;*/
	color: #9ED21A;
	text-align: center;
	position:relative; 
	top:10px;
	font-weight: bold;
}

#bottomNav a 
{
	color: #9ED21A;
}

#bottomNav a:hover 
{
	/*color:#20AF4B;*/	
	color: #369E2B;
}

/*------------ 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;
	font-weight: bold;
}
.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;
	
}
input, textarea
{
	/*color:#20AF4B;*/	
	color: #369E2B;
}
.error{color: #BA0000;}

td{font-size: 70%;}

label
{
	color: #369E2B;
	font-weight: bold;
}
.plainLabel label
{
	font-weight: normal;
}

.centre-block {width:100%;text-align:center}