/* OVERALL Layout and structure */
body{
	padding:0px;
	margin: 0px;
	text-align:center;
	color:#172983;
	font-family:Verdana;
	background-color: #fff;
}
td,p,li{font-size:12px;}
.whitepane{
	overflow:hidden;
	padding:0px;
	margin: auto;
	width:897px;
	/*height:575px;*/
	text-align:left;
	font-size:10px;
	font-family:Verdana;
	background-color: #fff;
	position: relative;
}
.centerdiv{text-align:center;margin-top:20px;}
.pagetitle{height: 138px; width: 621px;margin:0;}
.startpagetitle{height: 166px; width: 621px;margin:0;}
.progressbar{margin-left:470px;height:20px;padding:0px;margin-top:10px;}
.formdiv{
overflow:auto;
background-image:url("/images/bg_form.jpg");
background-repeat: no-repeat;
height:351px;
padding-left:90px;
padding-right: 20px;
}

.addressbar{height:10px;
font-family:Verdana;
font-size:8px;
margin:0px;
padding:2px;
text-align:right;}
A.bottomlink{text-decoration:none;color:#003366;}
A.bottomlink:hover{font-weight:bold;}


/* ERROR PANE */
.errorpane{position:absolute;top:130px;left:400px;width:480px;background-color:#333399;color:#FFF;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;	opacity: 0.9;overflow:auto;font-weight:bold;font-family:Tahoma;font-size:10pt;padding:5px;border:dotted #333399 2px;display:none;}
A.erorrpaneclose{text-decoration:none;padding:2px;font-size:10pt;color:#000;background-color:#FFF;color:#333399;font-weight:bold;float:right;display:block;width:10px;height:20px;padding-left:3px;}
A.errorpaneclose:hover{color:#FFF;border:solid 2px #FFF;}

/* INFO PANE with BMI info*/
.bmipane {position:absolute;top:130px;left:360px;width:350px;height:250px;background-color:#FFF;color:#000;padding:10px;border:dotted 2px #3c689e;display:none;}
div.bmi{margin-top:0px;margin-bottom:0px;}
table.bmi{width:300px;margin:auto;margin-top:5px;margin-bottom:5px;}
th.bmivalue{font-weight:bold;font-size:12px;padding-left:5px;text-align:left;}
th.bmidescription{font-size:12px;text-align:left;}
#bmivalue{font-size:10px;font-weight:bold;padding-left:5px;}
#bmidescription{font-size:10px;}
td.bmidark{background-color:#999;padding:2px;}
td.bmilight{background-color:#fcfae3;padding:2px;}
td.darkline{background-color:#000;height:1px;padding:0px;}
A.bmiinfoclose{text-decoration:none;padding:2px;font-size:10pt;color:#FFF;background-color:#3c689e;font-weight:bold;float:right;display:block;width:10px;height:20px;padding-left:3px;}
A.bmiinfoclose:hover{color:#000;}


/* QUERY DIV - make visible when testing */
.querydiv{font-size:12px;border:solid 1px #000;margin:0px;margin-top:10px;display:none;}

/*Screen title*/
h1{
	color:#E1007A;
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:0px;}

/*homepage adaptation */
div.langselectiondiv{
	left:328px;
	text-align:center;
	background-image:url("/images/lang_bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	width: 569px;
	height: 488px;}
.langselectiondiv p {font-size:20px;}
p.langtitle {color:#0065A6;font-size:20px;padding-bottom:10px;}
table.code {margin-top: 50px;}

/* language link */
div.langlink a.link, div.langlink a.visited{text-decoration:none;padding-left:5px;padding-top:3px;padding-right:5px;}
div.langlink a:hover{text-decoration:underline;font-weight:bold;}
div.langlink img {border: none;}

/* FORM LAYOUT */
.normal{width:280px;background-color:#fff;border:solid 1px #CCC;}
.short{width:40px;background-color:#fff;border:solid 1px #CCC;}
.mediumshort{width:120px;background-color:#fff;border:solid 1px #CCC;}
.medium{width:235px;background-color:#fff;border:solid 1px #CCC;}
select{border:solid 1px #CCC;background-color:#fff;}
input, select{color:#003366;}

.label{font-weight:bold;color:#172983;}
.smalllabel{font-weight:bold;width:120px;color:#172983;}
.biglabel{font-weight:bold;width:300px;vertical-align:top;color:#172983;}
.stepbutton{background-color:#FC3;border:solid 1px #000;color:#000;font-weight:bold;width:150px;}

/* radio|checkboxes sample:
	<!-- 1 line with 3 items per line -->
	<div class='radiocheckboxdiv'>
	<span class='radioitem3'><input type='radio|checkbox' .../> somelabel</span>
	<span class='radioitem'><input type='radio|checkbox' .../> somelabel</span>
	<span class='radioitem'><input type='radio|checkbox' .../> somelabel</span>
	</div>
*/
.radiocheckboxdiv{margin-left:10px;margin-bottom:2px;margin-top:5px;}
.radioitem5{width:80px;margin:0px;}
.radioitem4{width:115px;margin:0px;}
.radioitem3{width:140px;margin:0px;}
.radioitem2{width:200px;margin:0px;}
.radioitem1{width:400px;margin:0px;}

/* screen 7 : confirmation output */
#wrapperconfirmationoutput h2 {
	color:#E1007A;
	font-size:14px;
	margin: 10px 0 0 0;
}

/* new design */
div.form {
	height: 100%;
	width: 621px;
	margin-left:276px;
}

div.leftside {
	width: 276px;
	float: left;
	margin:0;
	padding:0;
}

div.langselectiondiv div.langlink {
	position: absolute;
	top: 200px;
	left:190px;
}

div.button {
	margin-top: 20px;
	text-align: right;
	width: 280px;
	margin-left: 173px;
}

div.prevbutton {
	float: left;
	margin-right: 10px;
}

div.logo a:visited, div.logo a:link, div.logo a:hover {
	text-decoration: none;
}

div.logo  img{
	border: 0;
	margin: 0;
}

div.logo {
	margin: 0;
	height: 71px;
}

div.banner_left {
	margin: 0;
	padding:0;
	height: 504px;
	width: 276px;
}

div.banner_left  img{
	border: 0;
	margin: 0;
}

div.intro {
background-repeat: no-repeat;
height:322px;
width: 573px; /*621-48*/
padding-left:48px;
color: #fff;
padding-top:10px;
margin: 0;
}

div.intro ul {
	list-style-image:url("/images/bullet_list.jpg");
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-left: 0px;
}

div.intro ul li {
	padding-bottom: 10px;
}

div.intro p.paragraphe {
	margin-top: 15px;
	font-size: 12px;
	line-height: 12px;
}

div.startbutton {
	text-align: center;
	height: 40px;
}

div#lng_container {
	padding-top:60px;
	margin: 0 auto;
	height: 440px;
	width: 460px;
}

#cadre 
{
width: 200px;
/*background-color: #eeeeee;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border: 3px solid #0065A6;
height: 350px;
width: 450px;
}

#small_cadre 
{
width: 200px;
/*background-color: #eeeeee;*/
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border: 3px solid #0065A6;
height: 300px;
width: 450px;
}

div#rightpanel {
	width: 222px;
	margin-top: 40px;
	float: right;
}

div#leftpanel {
	width: 222px;
	margin-top: 40px;
	border-right: 3px solid #0065A6;
}

.imgspace {
	padding-bottom: 40px;
}

div#lng_container div#addressbar
{
	height:10px;
	font-family:Verdana;
	font-size:8px;
	margin:0px;
	padding:2px;
	text-align:right;
	color: #0065A6;
}

div#logo {
	height: 60px;
}

div#accesscode {
	margin-top: 25px;
	font-size:12px;
	font-family:Verdana;
	color: #0065A6;
	font-weight:bold;
}

/* asterix */
div.asterix {color:#E1007A;font-size:10px;padding-bottom:10px;height:100%;}