﻿
.frameLogo { width:100px; height:80px; float:left; background-color:Yellow}
.frame2 { width:300px; float:left; background-color:green;color:White; margin:20px 0 0 10px}
.frame3 { width:300px; float:left; background-color:red; margin:20px 0 0 0}
.frameDecon { width:300px; float:left; background-color:red; margin:20px 0 0 10px}
.frameAuthSaisi { width:60px; float:left; background-color:red; margin:0px 0 0 20px}
.frame4 { width:300px; float:left; background-color:red; margin:40px 0 0 200px}
.italic1 { display:block; margin:6px; color:black; text-decoration:none; font-size:small; font-style:italic;}
.linkSmoker { display:block; color:black; text-decoration:none; font-size:x-small;}
.linkSmoker:hover { display:block; color:black; background-color:#F93544; }

.contenuwrap {float:left;width:700px;height:400px;background-color:#EEEEEE;}
.contenu {height: 396px; width: 696px; position: relative; background-color: #EEEEEE; font-size:small; margin:1px 1px 1px 1px; border-width:1px; border-color:#F93544; border-style:solid;}
.piedpage {clear:both;width:900px;height:50px;background-color:#33FF99;text-align:center;}
.menu {float:left;width:200px;height:420px;background-color:#EEEEEE;}
.menuhaut {float:left;width:200px;height:100px;background-color:#66CC33;text-align:center;}
.menumilieuwrap {float:left;width:200px;height:60px;background-color:#EEEEEE;}
.menumilieu { width: 174px; position: relative; background-color: #F93544; font-size:small; margin:3px 0px 0px 3px;}
.menumilieu .top_left, .menumilieu .top_right, .menumilieu .bottom_left, .menumilieu .bottom_right { height: 19px; width: 7px; background-repeat: no-repeat; position: absolute; background-color: #00FF00; }
.menumilieu .top_left { top: 0px; left: 0px; background-image: url("up_left.bmp"); z-index: 0; }
.menumilieu .top_right { top: 0px; right: 0px; background-image: url("up_right.bmp"); z-index: 1; }
.menumilieu .bottom_left { bottom: 0px; left: 0px; background-image: url("low_left.bmp"); z-index: 2; }
.menumilieu .bottom_right { bottom: 0px; right: 0px; background-image: url("low_right.bmp"); z-index: 3; }
.menumilieu .content { position: relative; padding: 3px 7px 3px 7px; z-index: 4; }
.menuSignin {
	width: 176px;
    text-align:center;
    float: left;
    clear: left;
    }
.menubaswrap {float:left;width:200px;height:60px;background-color:#EEEEEE;}
.menubas { width: 172px; position: relative; background-color: #F93544; font-size:small; margin:3px 0px 0px 3px;}
.menubas .top_left, .menubas .top_right, .menubas .bottom_left, .menubas .bottom_right { height: 19px; width: 7px; background-repeat: no-repeat; position: absolute; background-color: #00FF00; }
.menubas .top_left { top: 0px; left: 0px; background-image: url("up_left.bmp"); z-index: 0; }
.menubas .top_right { top: 0px; right: 0px; background-image: url("up_right.bmp"); z-index: 1; }
.menubas .bottom_left { bottom: 0px; left: 0px; background-image: url("low_left.bmp"); z-index: 2; }
.menubas .bottom_right { bottom: 0px; right: 0px; background-image: url("low_right.bmp"); z-index: 3; }
.menubas .content { position: relative; padding: 3px 7px 3px 7px; z-index: 4; }
.submenubas { width: 160px; position: relative; background-color: #FBA4B5; font-size:small; margin:4px 0px 0px 0px;}
.submenubas .top_left, .submenubas .top_right, .submenubas .bottom_left, .submenubas .bottom_right { height: 19px; width: 7px; background-repeat: no-repeat; position: absolute; background-color: #00FF00; }
.submenubas .top_left { top: 0px; left: 0px; background-image: url("up_left2.bmp"); z-index: 0; }
.submenubas .top_right { top: 0px; right: 0px; background-image: url("up_right2.bmp"); z-index: 1; }
.submenubas .bottom_left { bottom: 0px; left: 0px; background-image: url("low_left2.bmp"); z-index: 2; }
.submenubas .bottom_right { bottom: 0px; right: 0px; background-image: url("low_right2.bmp"); z-index: 3; }
.submenubas .content { position: relative; padding: 3px 7px 7px 7px; z-index: 4; }
.blockTitreMenu {display:block; padding: 0px 4px 0px 4px; color:black; font-size:small; font-weight: bold; }
.blockTitreMenuRed {display:block; padding: 0px 4px 0px 4px; color: #E43438; font-size:small; font-weight: bold;}
.blockGeneralLink {display:block; color:blue; text-decoration:underline; font-size:x-small;}
.generalLink {margin:6px; color:white; text-decoration:underline}
.generalLinkBis {color:white; text-decoration:underline}
.generalSmallLink {margin:6px; font-size:x-small; color:white; text-decoration:underline}
.boldText {margin:6px; color:black; font-weight:bold;}
.blackBoldText {color:black; font-weight:bold;}
.redText {color: #E43438;}
.frameProfile {width:300px;background-color:red; margin:50px 0 0 150px}
.frameSubProfL {float:left;width:150px;background-color:#33FF99;} 
.frameSubProfR {float:left;width:150px;background-color:blue;}
.frameSignupTmp {width:400px;background-color:red; margin:50px 0 0 50px}
.frameSignupTmpL {float:left;width:200px;height:30px;background-color:#33FF99;} 
.frameSignupTmpR {float:left;width:200px;height:30px;background-color:blue;}
.pnlMyChall {background-color:#EEEEEE; margin:2px 0px 0px 0px; }
.pnlChall {background-color:#EEEEEE; margin:2px 0px 0px 0px; }

table#signup {
    width:350px;
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite350.png");
	float: left;
	clear: left;
}

table#signup td {height:30px;}
.leftcol {font-size:x-small;text-align:right;width:170px;}
.rightcol {font-size:x-small;text-align:left;width:180px;}
.input1 {font-size:x-small;width:160px;height:12px;}
.input2 {font-size:x-small;width:100px;height:12px;}
.inputHour {font-size:x-small;width:50px;height:auto;}
.inputHour2 {font-size:x-small;width:55px;height:auto;}
.inputDay {font-size:x-small;width:50px;height:auto;}
.inputDay2 {font-size:x-small;width:40px;height:auto;}
.inputMonth {font-size:x-small;width:50px;height:auto;}
.inputMonth2 {font-size:x-small;width:50px;height:auto;}
.inputYear {font-size:x-small;width:60px;height:auto;}
.inputCountry {font-size:x-small;width:167px;height:auto;}
.inputPackPrice {font-size:x-small;width:90px;height:12px;}
.inputCurrency {font-size:x-small;width:60px;height:auto;}

table#modif {
    width:350px;
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite350.png");
	float: left;
	clear: left;
}
table#modif td {height:30px;}

div#password {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 3px 3px 3px 3px;
	width: 212px;
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite212.png");
    float: left;
	}
table#changePwd {border:0px;width:212px;}
table#changePwd td {height:30px;}
.leftcolPwd {font-size:x-small;text-align:right;width:90px;}
.rightcolPwd {font-size:x-small;text-align:left;width:110px;}
.inputPwd {font-size:x-small;width:100px;height:12px;}

.frameProfile1 { width:320px; float:left; background-color:Yellow}
.frameProfile2 { width:320px; float:left; background-color:Yellow}
.frameProfileErr { width:320px; float:left; background-color:Yellow}

.inputAuth {font-size:x-small;width:100px;height:12px; margin-top: 3px;}

.witnessess {float:right;width:180px;background-color:#F93544;margin:1px 1px 0px 0px;}


body {
	margin: 0;
	background-color:#FFFFFF;
	font-family:  Arial, Sans-Serif;
	font-size: small;
	}
	
hr {
    border: 0;
    min-width: 400px;
    width: 100%;
    height: 1px;
    }

div#root_block {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 988px;/*1166px*/
    text-align: left;
	background-color:#FFFFFF;
    }
    
div#notAuthPart {
	margin: 3px 3px 3px 3px;
	width: 780px;
	height: 500px;
	background-color:#FFFFFF;
    border-width: 1px;
    border-style: solid;
	}
div#login {
	position: absolute;
	width: 300px;
	left: 450px;
	top: 180px;
	background-color:#8BBBED;
    border-width: 1px;
    border-style: solid;
	}

div#logo {
	height: 55px;
	background-color:#FFFFFF;
	font-size: 0px;
	clear: left;
	}
div#logobeta {
	height: 71px;
	background-color:#FFFFFF;
	font-size: 0px;
	clear: left;
}

div#howItWorks {
	float: left;
	margin-top: 50px;
	}
div.howItWorks1Fr {
	height: 61px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("howItWorks1_fr.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div.howItWorks1Es {
	height: 61px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("howItWorks1_es.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div.howItWorks1En {
	height: 61px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("howItWorks1_en.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div.howItWorks2Fr {
	height: 51px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("howItWorks2_fr.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div.howItWorks2Es {
	height: 51px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("howItWorks2_fr.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div.howItWorks2En {
	height: 51px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("howItWorks2_en.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div#howItWorks3 {
	height: 14px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("howItWorks3.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div.howItWorks4 {
	width: 176px;
    height: auto !important;
    padding-left: 3px;
	background-repeat: repeat-y;
	background-image: url("howItWorksOnePx.png");
	text-align: center;
	float: left;
}
.hiwLink 
{
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin-left: 3px;
	background-color: #FFFFFF;
	font-size: small;
	color: #E43438;
	font-weight: bold;
	text-decoration: underline;
	width: 162px;
	overflow:hidden;
	float: left;
	clear: left;
	}
.hiwLink:hover {
	background-color: #000000;
	color: #E43438;
	width: 163px;
	}

div#myChall {
	line-height: 90%;
	float: left;
	}
div#myChall1 {
	height: 11px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("topBlackRed3.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div#myChall2 {
	width: 176px;
    height: auto !important;
    height: 20px;
    min-height: 20px;
    padding-left: 3px;
	background-repeat: repeat-y;
	background-image: url("onePxBlackRed.png");
	float: left;
}
div#myChall3 {
	height: 10px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("topRedWhite2.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div#myChall4 {
	width: 176px;
    height: auto !important;
    height: 50px;
    min-height: 50px;
	background-repeat: repeat-y;
	background-image: url("onePxBlackRedW.png");
	float: left;
}
div#myChall5 {
	height: 10px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("botRedWhite2.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div#myChall6 {
	width: 176px;
    height: auto !important;
    height: 23px;
    min-height: 23px;
    padding: 5px 0px 0px 5px;
	background-repeat: repeat-y;
	background-image: url("onePxBlackRed.png");
	float: left;
}
.smallLink {color:white; text-decoration:underline; font-size:x-small; line-height:70%;}
div#myChall7 {
	height: 19px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("botBlackRed.png");
	font-size: 0px;
	float: left;
}

div#enumMyChall {
	margin: 0px 3px 0px 3px;
    width: 170px;
	background-color:#F2F2F2;
	line-height: 120%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	}
	
.contentMyChall {
	width: 176px;
	background-repeat: repeat-y;
	background-image: url("onePxBlackRed.png");
	float: left;
}

.chall_top {
	height: 30px;
	width: 176px;
	padding: 8px 0px 0px 5px;
	background-repeat: no-repeat;
	background-image: url("topBlackRed.png");
	float: left;
	clear: left;
}
.chall_top_wit {
	height: 11px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("topBlackRed3.png");
	font-size: 0px;	
	float: left;
	clear: left;
}
.chall_bot {
	height: 19px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("botBlackRed.png");
	font-size: 0px;
	float: left;
}
.chall_bot_wit {
	height: 23px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("botBlackRed2.png");
	font-size: 0px;
	float: left;
}
.enumchall_top_white {
	height: 9px;
	width: 172px;
	background-repeat: no-repeat;
	background-image: url("topRedWhite.png");
	font-size: 0px;
	float: left;
}
.enumchall_bot_white {
	height: 9px;
	width: 170px;
	background-repeat: no-repeat;
	background-image: url("botRedWhite.png");
	font-size: 0px;
	float: left;
	clear: left;
}

div#witChall {
	line-height: 100%;
	float: left;
	}
div#witChallRun {
	height: 25px;
	width: 176px;
	padding: 5px 0px 0px 5px;
	background-repeat: no-repeat;
	background-image: url("topBlackRed4.png");
	float: left;
	clear: left;
}
div#witChallWon {
	height: 30px;
	width: 176px;
	padding: 34px 0px 0px 5px;
	background-repeat: no-repeat;
	background-image: url("midBlackRed1.png");
	float: left;
	clear: left;
}
div#witChallLost {
	height: 30px;
	width: 176px;
	padding: 34px 0px 0px 5px;
	background-repeat: no-repeat;
	background-image: url("midBlackRed1.png");
	float: left;
	clear: left;
}
div.subWitChall {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 3px 1px 0px 1px;
	background-color:#BBDDFF;
    padding: 0px 0px 0px 0px;
	float: left;
	clear: left;
	}
.contentWitChall {
	width: 176px;
    height: auto !important;
    height: 50px;
    min-height: 50px;
	background-repeat: repeat-y;
	background-image: url("onePxBlackRedBlack.png");
	float: left;
}
div.enumWitChall {
	margin: 0px 7px 0px 7px;
    width: 162px;
	background-color:#F2F2F2;
	line-height: 120%;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	}
.subchall_top {
	height: 6px;
	width: 172px;
	background-repeat: no-repeat;
	background-image: url("top_8BBBED_BBDDFF.png");
	font-size: 0px;
	float: left;
}
.subchall_bot {
	height: 6px;
	width: 172px;
	background-repeat: no-repeat;
	background-image: url("bot_8BBBED_BBDDFF.png");
	font-size: 0px;
	float: left;
}
.enumsubchall_top_white {
	height: 6px;
	width: 172px;
	background-repeat: no-repeat;
	background-image: url("top_BBDDFF.png");
	font-size: 0px;
	float: left;
}
.enumsubchall_bot_white {
	height: 6px;
	width: 174px;
	background-repeat: no-repeat;
	background-image: url("bot_BBDDFF.png");
	font-size: 0px;
	float: left;
}

#skyscrapmenu {
    width: 165px;
    margin: 20px 0px 0px 5px;
	float: left;
}

/*	
div#bandeau {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)
	margin: 3px 3px 3px 3px;
    float: left;
    clear: left;
	height: 25px;
	width: 100%;
	background-color: #8BBBED;
	text-align: right;
	font-size: small;
	}
	*/
.bandeauwrap {
    min-height: 28px;
    background-color: #FFFFFF;
    text-align: right;
    }
.bandeau {
    height: 26px;
    position: relative;
    /*background-color: #8BBBED;*/
	background-repeat: no-repeat;
	background-image: url("bandeau26.png");
    
    font-size:small;
    margin:1px 0px 2px 0px;
    z-index: 0;
    }
.bandeau .top_left, .bandeau .top_right, .bandeau .bottom_left, .bandeau .bottom_right { height: 6px; width: 6px; background-repeat: no-repeat; position: absolute; background-color: #8BBBED; font-size: 0px;}
.bandeau .top_left { top: 0px; left: 0px; background-image: url("top_left_8BBBED.png"); z-index: 0; }
.bandeau .top_right { top: 0px; right: 0px; background-image: url("top_right_8BBBED.png"); z-index: 1; }
.bandeau .bottom_left { bottom: 0px; left: 0px; background-image: url("bot_left_8BBBED.png"); z-index: 2; }
.bandeau .bottom_right { bottom: 0px; right: 0px; background-image: url("bot_right_8BBBED.png"); z-index: 3; }
.bandeau .content { position: relative; padding: 10px; z-index: 4; line-height:4px; text-align:right; }
div#content {
    float: left;
    clear: left;
	padding: 0px 0px 0px 0px;
	width: 598px;
	background-color: #FFFFFF;
    border-width: 0px;
    border-style: solid;
    height: auto !important;
    height: 500px;
    min-height: 500px;
    padding-top: 10px;
	/*background-repeat: repeat-y;
	background-image: url("onePxwb.png");*/
}
div#content_top {
    height: 12px;
    width: 598px;
    /*background-color: #8BBBED;*/
	background-repeat: no-repeat;
	background-image: url("topwb.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
div#content_bot {
    height: 12px;
    width: 598px;
    /*background-color: #8BBBED;*/
	background-repeat: no-repeat;
	background-image: url("botwb.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
div#foot {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
	width: 592px;
	margin: 3px 3px 3px 3px;
	background-color: #FFFFFF;
	text-align: center;
	}
div#footLine {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
	width: 500px;
	margin-left: 47px;
	margin-bottom: 5px;
	margin-top: 10px;
	border: 1px solid #CCCCCC;
	line-height: 0px;
	}

.noChall {
	padding: 0px 8px 0px 8px;
	display: block;
	width: 100%;
	background-color: #FFFFFF;
	 
	font-style: italic;
	font-size: small;
	float: left;
	clear : left;
	}
.oneMyChall {
	padding: 0px 8px 0px 8px;
	display: block;
	background-color: #FFFFFF;
	 
	font-size: x-small;
	color: #E43438;
	text-decoration: none;
	width: 100%;
	float: left;
	clear : left;
	}
.oneMyChall:hover {
	padding: 0px 8px 0px 8px;
	display: block;
	background-color: #E43438;
	color: #FFFFFF;
	 
	font-size: x-small;
	width: 100%;
	float: left;
	clear : left;
	}
.oneChall {
	padding: 0px 8px 0px 8px;
	display: block;
	background-color: #FFFFFF;
	font-size: x-small;
	color: #E43438;
	text-decoration: none;
	width: 146px;
	float: left;
	clear : left;
	text-overflow:ellipsis;
	overflow:hidden;
	}
.oneChall:hover {
	padding: 0px 8px 0px 8px;
	display: block;
	background-color: #000000;
	color: #E43438;
	font-size: x-small;
	width: 146px;
	float: left;
	clear : left;
	text-overflow:ellipsis;
	overflow:hidden;
	}

	
div#challInfo {
	margin: 6px 3px 3px 6px;
	width: 350px;
	background-color:#FFFFFF;
	
	font-size: small;
    float: left;
	clear : left;
	}
div#challInfo1 {
	margin: 0px 0px 0px 0px;
	width: 90px;
	background-color:#FFFFFF;
	font-weight: bold;
    float: left;
	}
div#challInfo2 {
	margin: 0px 7px 0px 7px;
	width: 10px;
	background-color:#FFFFFF;
	font-weight: bold;
    float: left;
    text-align: center;
	}
div#challInfo3 {
	margin: 0px 0px 0px 0px;
	width: 230px;
	background-color:#FFFFFF;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    float: left;
	}
div#witnesses {
	width: 200px;
	margin-bottom: 10px;
	background-color:#E43438;
	background-repeat: repeat-y;
	background-image: url("onePxBlackRed200.png");
	font-size: small;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    float: right;
    clear: right;
	}
.witnesses_top {
	height: 10px;
	width: 200px;
	background-repeat: no-repeat;
	background-image: url("topBlackRed200.png");
	font-size: 0px;
	float: left;
}
.witnesses_bot {
	height: 10px;
	width: 200px;
	background-repeat: no-repeat;
	background-image: url("botBlackRed200.png");
	font-size: 0px;
	float: left;
}
.witnesses_content {
	width: 200px;
	padding: 0px 0px 0px 3px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	float: left;
}
div.bandeauChall {
	padding: 3px 3px 3px 3px;
	background-color: #8BBBED;
	text-align: center;
	font-size: small;
	font-weight: bold;
	}
div#explainLeft {
	background-color: #8BBBED;
	color: #8BBBED;
	font-size: small;
	font-weight: normal;
	float: left;
	}
div#explainRight {
	background-color: #8BBBED;
	font-size: small;
	font-weight: normal;
	float: right;
	}
div#explain {
	font-size: x-small;
    border-width: 1px;
    border-style: solid;
    border-color: #8BBBED;
	}

div#writeMess {
	margin: 6px 20px 3px 20px;
	background-color:#FFFFFF;
	
	font-size: x-small;
	}
div.ansChargeSub {
	width: 90px;
	float: left;
	clear: left;
	}
	
.witBox {
    width: 160px;
    height: 180px;
	font-size: x-small;
	font-family: Arial, Sans-Serif;
	}

div#informations {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 3px 3px 3px 3px;
	width: 350px;
    float: left;
	}
div#infMessages_top {
	margin: 50px 3px 0px 3px;
    height: 10px;
    width: 214px;
	background-repeat: no-repeat;
	background-image: url("topRedBlack214.png");
	font-size: 0px;
	float: left;
    }
div#infMessages {
	margin: 0px 3px 0px 3px;
	padding: 0px 6px 0px 6px;
	width: 202px;
	 
	font-size: small;
	color: #E43438;
	font-weight: bold;
	background-color:#000000;
    border-width: 0px;
    border-style: solid;
	background-repeat: repeat-y;
	background-image: url("onePxRedBlack214.png");
    float: left;
	}
div#infMessages_bot {
	margin: 0px 3px 0px 3px;
    height: 10px;
    width: 214px;
    /*background-color: #8BBBED;*/
	background-repeat: no-repeat;
	background-image: url("botRedBlack214.png");
	font-size: 0px;
	float: left;
    }
    
div#emailAlerts {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 3px 3px 3px 70px;
	width: 460px;
    float: left;
    clear: left;
	}

div#startChall {
	margin: 3px 3px 3px 3px;
	width: auto;
    float: left;
	}
div#step2 {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 3px 3px 3px 3px;
	width: auto;
    float: left;
	}

.noWrap {
    white-space:nowrap;
}

div.Signingup_top {
    height: 12px;
    width: 350px;
	background-repeat: no-repeat;
	background-image: url("top_redwhite_350.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
div.Signingup_bot {
    height: 12px;
    width: 350px;
	background-repeat: no-repeat;
	background-image: url("bot_redwhite_350.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
div#Signingup {
	width: 350px;
	margin: 3px 3px 3px 3px;
    float: left;
	}
div#alreadyRegist {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 3px 3px 3px 3px;
	width: 212px;
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite212.png");
	float: left;
	}
.alrRegistText 
{
    margin-top: 0px;
    text-align: center;
	padding: 6px 6px 6px 6px;
}
div.alreadyRegist_top {
    height: 12px;
    width: 212px;
	background-repeat: no-repeat;
	background-image: url("top_redwhite_212.png");
	font-size: 0px;
	float: left;
	clear: left;
}
div.alreadyRegist_bot {
    height: 12px;
    width: 212px;
	background-repeat: no-repeat;
	background-image: url("bot_redwhite_212.png");
	font-size: 0px;
	float: left;
	clear: left;
}
table#alreadyRegistTbl {
    border: 0px;
    width: 212px;
    
    }
table#alreadyRegistTbl td {
    height: 30px;
    text-align:center;
    }

div#infMessOnRedac {
	margin: 3px 3px 3px 3px;
	width: 250px;
	 
	font-size: small;
	background-color:#BBDDFF;
    border-width: 1px;
    border-style: solid;
    float:none;
	}

.bandeau_top {
	height: 6px;
	width: 598px;
	background-repeat: no-repeat;
	background-image: url("btop_8BBBED.png");
	font-size: 0px;
	float: left;
}

.bandeau_bot {
	height: 6px;
	width: 598px;
	background-repeat: no-repeat;
	background-image: url("bbot_8BBBED.png");
	font-size: 0px;
	float: left;
}

.signin_top {
	height: 11px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("topBlackRed3.png");
	font-size: 0px;
	float: left;
}

.signin_bot {
	height: 10px;
	width: 176px;
	background-repeat: no-repeat;
	background-image: url("botBlackRed.png");
	font-size: 0px;
	float: left;
}

.menuSignin .content {
	background-repeat: repeat-y;
	background-image: url("onePxBlackRed.png");
	text-align: center;
}

.menuSignin .signup {
	text-align: left;
	padding: 10px 0px 0px 33px;
}

#assess { 
    margin: 0px 0px 30px 0px;
	width: 586px; 
	float: left;
	background-color: White;
	}

#assess .title {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin: 3px 0px 0px 150px;
	height: 18px;
	width: 281px;
	background-image: none;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	float: left;
	}

#assess .explTop {
	height: 6px;
	width: 97px;
	background-repeat: no-repeat;
	background-image: url("explTop.png");
	font-size: 0px;
	float: right;
	}

#assess .explTitleContent {
    padding: 0px 0px 0px 4px;
	width: 91px;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    text-align: left;
	overflow:hidden;
	white-space:nowrap;
	float: right;
	clear: right;
    }
    
#assess .explMiddle {
	height: 11px;
	width: 462px;
	background-repeat: no-repeat;
	background-image: url("explMiddle.png");
	font-size: 0px;
	float: right;
	clear: right;
	}

#assess .explContent {
    padding: 0px 4px 0px 4px;
	width: 452px;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    text-align: justify;
	font-size: x-small;
	float: right;
    }

#assess .explBot1 {
	height: 6px;
	width: 462px;
	background-repeat: no-repeat;
	background-image: url("explBot2.png");
	font-size: 0px;
	float: right;
	clear: right;
	}
	
#assess .explBot2 {
	height: 6px;
	width: 97px;
	background-repeat: no-repeat;
	background-image: url("explBot1.png");
	font-size: 0px;
	float: right;
	clear: right;
	}
	
#assess .assessContent { 
	width: 586px;
	font-size: small;
	float: left;
	}
	
	
#mess { 
    margin: 0px 0px 30px 0px;
	width: 590px; 
	float: left;
	}

#mess .messTop1 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messTop1.png");
	font-size: 0px;
	float: left;
	}

#mess .messTop2 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messTop2.png");
	font-size: 0px;
	float: left;
	}

#mess .messTitleCharge {
    padding: 0px 0px 0px 4px;
	width: 296px;
	font-weight: bold;
	font-size: medium;
	color: #F93544;
    text-align: left;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #FFFFFF;
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }

#mess .messTitleMess2 {
    padding: 0px 0px 0px 4px;
	width: 200px;
	font-weight: bold;
	font-size: medium;
    text-align: left;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #FFFFFF;
	overflow:hidden;
	white-space:nowrap;
	float: left;
	clear: left;
    }
    
#mess .messTitleAnsCharge {
    padding: 0px 0px 0px 4px;
	width: 230px;
	font-weight: bold;
	font-size: medium;
	color: #F93544;
    text-align: left;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #FFFFFF;
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }

#mess .messTitleQuit {
    padding: 0px 0px 0px 4px;
	width: 113px;
	font-weight: bold;
	font-size: medium;
	color: #F93544;
    text-align: left;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #FFFFFF;
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }

#mess #messMid11 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid11.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid12 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid12.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid13 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid13.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid21 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid21.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid22 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid22.png");
	font-size: 0px;
	float: left;
	}

#mess #messBot1 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messBot.png");
	font-size: 0px;
	float: left;
	}

#mess #messBot2 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messBot.png");
	font-size: 0px;
	float: left;
	}

.information {
    padding: 0px 0px 0px 20px;
    font-weight: bold;
	}

#recapCharges {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	padding-top: 20px;
	padding-left: 100px;
	/*float: left;*/
	float: left;
	clear: left;
	}
	
#bubles 
{
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
	height: 174px;
	width: 372px;
	background-repeat: no-repeat;
	background-image: url("bubblescircles1.png");
    text-align: center;  
	float: left;
	clear: left;
	}
	
#bubles .buble1 {
    position: absolute;
    top: 32px;
    left: 6px;
    width: 104px;
    text-align: center;
	}

#bubles .buble2 {
    position: absolute;
    top: 103px;
    left: 129px;
    width: 103px;
    text-align: center;
	}

#bubles .buble3 {
    position: absolute;
    top: 37px;
    left: 254px;
    width: 104px;
    text-align: center;
	}

.redtext {
    color: Red;
}

.blacktext {
    color: Black;
}

.smallBlack {
    font-size: small;
    color: black;
}

.smallItalicBlack {
    font-size: small;
    color: black;
    font-style: italic;
}

.xsmallBlack {
    font-size: x-small;
    color: black;
}

.smallNoUnderl {
    text-decoration: none;
    font-size: x-small;
    color: #E43438;
}

.smallItalic {
    font-style: italic;
    font-size: x-small;
}

.xxsmallItalic {
    font-style: italic;
    font-size: xx-small;
}

div#flag {
	font-size: 0px;
    position: absolute;
    z-index: 5;
    left: 5px;
    top: 7px;
}

table#contact {
    width:550px;
    
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite350.png");
	float: left;
	clear: left;
}
table#contact td {height:30px;}
.contactLeft {font-size:x-small;text-align:right;width:70px;}
.contactRight {font-size:x-small;text-align:left;width:500px;}
.contactMess {
    width: 340px;
    height: 180px;
	font-size: small;
	font-family: Arial, Sans-Serif;
	}

div.stopSmokStep2_top {
    height: 12px;
    width: 570px;
	background-repeat: no-repeat;
	background-image: url("top_redwhite_570.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
div.stopSmokStep2_bot {
    height: 12px;
    width: 570px;
	background-repeat: no-repeat;
	background-image: url("bot_redwhite_570.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
table#tableStep2 {
    width:570px;
    
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite570.png");
	float: left;
	clear: left;
}
.tdStopSmokStep2 {
    font-size: x-small;
    text-align: left;
    width: 500px;
}
#contentStep2 {
    width:570px;
    padding: 0px 0px 0px 15px;
    
	float: left;
	clear: left;
}
.showMess {
    width: 530px;
    height: 430px;
	font-size: x-small;
	font-family: Arial, Sans-Serif;
	}
.newChallComment {
    width: 530px;
    height: 100px;
	font-size: small;
	font-family: Arial, Sans-Serif;
	}

.special01 {
    color: #E43438;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}
.special02 {
    color: #000000;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}

#countdown {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin: 10px 0px 20px 60px;    
    width: 260px;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite260.png");
	float: left;
	clear: left;
}
div#countdown_top {
    height: 12px;
    width: 260px;
	background-repeat: no-repeat;
	background-image: url("top_redwhite_260.png");
	font-size: 0px;
	clear: left;
    }
div#countdown_bot {
    height: 12px;
    width: 260px;
	background-repeat: no-repeat;
	background-image: url("bot_redwhite_260.png");
	font-size: 0px;
	clear: left;
    }
#avantapres {
    font-size: x-small;
    font-weight: normal;
}

.connectBtn {
    margin-top: 10px;
}

.marginLogin {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin: 0px 120px 10px 120px;
	float: left;
	clear: left;
}

div.enonceLogin {
    margin: 0px 0px 5px 5px;
	float: left;
}

div.loginNumber {
    height: 28px;
    width: 28px;
	font-size: 0px;
	float: left;
	clear: left;
}

div.loginTextNumber {
    margin: 0px 0px 0px 40px;
    width: 240px;
}

.labExpl {
    cursor: pointer;
    color: Black;
}

.pointer {
    cursor: pointer;
}

#savings 
{
    margin: 40px 7px 0px 0px;
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    width: 150px;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    background-repeat: repeat-y;
	background-image: url("onePxRedWhite150.png");
	float: right;
	clear: left;
}

div#savings_top {
    height: 12px;
    width: 150px;
	background-repeat: no-repeat;
	background-image: url("top_redwhite_150.png");
	font-size: 0px;
	clear: left;
    }
div#savings_bot {
    height: 12px;
    width: 150px;
	background-repeat: no-repeat;
	background-image: url("bot_redwhite_150.png");
	font-size: 0px;
	clear: left;
    }
#lblSavings {
    margin: 0px 0px 0px 0px;    
    padding: 0px 0px 0px 0px;    
    font-size: x-small;
    font-weight: normal;
}

.demoPages {
    text-align: center;
    margin-top: 40px;
    width: 176px;
	float: left;
	clear: left;
}

#dataGridChallenges {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	padding-left: 10px;
	width: 500px;
	float: left;
	clear: left;
	text-align: left;
}

div.dataGridChallengesBtn {
    padding: 5px 0px 15px 215px; /* 168px */
}

.hiddencol {
    display:none;
}

.tabFontBlack {
	color: black;
	cursor: pointer;
}

.tabFontGrey {
	color: #AAAAAA;
}

.tabFontRed {
	color: #E43438;
	cursor: pointer;
}

div#loading {
    height: 180px;
    width: 543px;
	background-repeat: no-repeat;
	background-image: url("loading.gif");
	background-position: center;
	float: left;
	clear: left;
}

div#writeSending {
    position: relative;
    top: 130px;
    width: 543px;
    text-align: center;
}

div#loadingStop {
    height: 180px;
	width: 598px;
	background-repeat: no-repeat;
	background-image: url("loading.gif");
	background-position: center;
	float: left;
	clear: left;
}

div#writeLoading {
    position: relative;
    top: 130px;
	width: 598px;
    text-align: center;
}

div#yesNo {
	width: 200px;
	margin-bottom: 10px;
	background-color:#E43438;
	background-repeat: repeat-y;
	background-image: url("onePxBlackRed200.png");
	
	font-size: small;
    float: right;
    clear: right;
}

.yesno_content {
	padding: 0px 0px 0px 3px;
	float: left;
}

div#yesNoTitle {
	width: 197px;
	overflow:visible;
	text-align: center;
	float: left;
}

div#yesNoVote {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    height: 35px;
	width: 140px;
	margin: 5px 0px 0px 50px;
	float: left;
	clear: left;
}

div#yesVote {
    height: 32px;
	width: 48px;
	background-repeat: no-repeat;
	background-image: url("yes.png");
	background-position: center;
	text-align: center;
	float: left;
}

div#noVote {
    height: 32px;
	width: 48px;
	background-repeat: no-repeat;
	background-image: url("no.png");
	background-position: center;
	text-align: center;
	float: left;
}

.labYesNo {
    cursor: pointer;
    color: #E43438;
    font-weight: bold;
}

.labYesNoNb {
    color: #E43438;
    font-weight: bold;
}

#floatRight {
    float: right;
	width: 200px;
}

#floatLeft {
    float: left;
	width: 320px;
}

div#leaderboard {
	position: absolute;
	width: 728px;
    left: 36px;
	background-color:#FFFFFF;
	float: left;
	clear: left;
	}
div#skyscrapleft {
	margin: 3px;
	position: absolute;
	top: 72px;
	width: 163px;
	background-color:#FFFFFF;
	}
div#menuPart {
	position: absolute;
	width: 182px;
	top:0px;
    left: 1px;/*189px*/
	padding-top: 4px;
	background-color:#FFFFFF;
	float: left;
	clear: left;
	}
div#contentPart {
	margin: 3px;
	position: absolute;
	width: 600px;
	top:0px;
	left: 198px; /* beta (before: "left: 180px;") ; 386px*/
	background-color:#FFFFFF;
	float: left;
	clear: left;
	}
div#skyscrapright {
	margin: 3px;
	position: absolute;
	top: 40px;
    left: 822px;
	width: 170px;
	background-color:#FFFFFF;
	}

.emailAlertTab1 {
    font-size: x-small;
    text-align: left;
    font-weight: normal;
    padding: 5px 5px 5px 0px;
}

.emailAlertTab2 {
    font-size: x-small;
    text-align: center;
    font-weight: normal;
    padding: 0px 4px 0px 4px;
    width: 80px;
}
.rdbEmailAlert {padding-left: 32px;}

div.faqTitle {
    color: #E43438;
    font-size: medium;
    text-align: justify;
    font-weight: bold;
}

div.faqText {
    color: black;
    font-size: small;
    font-weight: normal;
    text-align: justify;
    margin: 0px 10px 20px 10px;
}

div.smokerRight {
	float: right;
	width: 190px;
	margin-left: 10px;
}

div.smokerRight252 {
	float: right;
	width: 262px;
	margin-left: 10px;
}

div.smokerLeft {
	float: left;
	width: 262px;
	margin-right: 10px;
}

div.title {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    height: 22px;
    margin-left: 20px;
    margin-bottom: 10px;
    background-repeat: repeat-x;
	background-image: url("onePxRedWhite1.png");
	font-size: medium;
	font-weight: bold;
	float: left;
	clear: left;
}

div.titleS {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    height: 22px;
    margin-left: 35px;
    margin-bottom: 10px;
    
    background-repeat: repeat-x;
	background-image: url("onePxBlackWhite1.png");
	font-size: small;
	font-weight: bold;
	color: #E43438;
	float: left;
	clear: left;
}

div#sugg {
	width: 590px;
	margin: 43px 3px 3px 3px;
    float: left;
}

table#suggTable td {height:30px;}
.suggLeft {
    font-size:x-small;
    padding-left: 20px;
    text-align:right;
    width:200px;
}

.suggRight {
    font-size:x-small;
    text-align:left;
    width:350px;
}

div#reco {
	width: 590px;
	margin: 3px 3px 3px 3px;
    float: left;
}

div#reco2 {
	width: 590px;
	margin: 3px 3px 3px 3px;
    float: left;
}

table#recoTable td {height:30px;}
table#recoTable2 td {height:30px;}
.recoLeft {
    font-size:x-small;
    padding-left: 20px;
    text-align:right;
    width:200px;
}

.recoRight {
    font-size:x-small;
    text-align:left;
    width:400px;
}

.showMessReco {
    width: 370px;
    height: 310px;
	font-size: x-small;
	font-family: Arial, Sans-Serif;
}

.commentMessReco {
    width: 370px;
    height: 70px;
	font-size: small;
	font-family: Arial, Sans-Serif;
}

div.wideInfMessages_top {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 10px 3px 0px 35px;
    height: 10px;
    width: 516px;
	background-repeat: no-repeat;
	background-image: url("topRedBlack546.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
div.wideInfMessages {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 0px 3px 0px 35px;
	padding: 0px 6px 0px 6px;
	width: 504px;
	 
	font-size: small;
	color: #E43438;
	font-weight: bold;
	background-color:#000000;
    border-width: 0px;
    border-style: solid;
	background-repeat: repeat-y;
	background-image: url("onePxRedBlack546.png");
    float: left;
	clear: left;
	}
div.wideInfMessages_bot {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 0px 3px 0px 35px;
    height: 10px;
    width: 516px;
	background-repeat: no-repeat;
	background-image: url("botRedBlack546.png");
	font-size: 0px;
	float: left;
	clear: left;
    }
    





#tabs { 
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin: 0px 0px 30px 20px;
	width: 586px; 
	float: left;
	clear: left;
	}

#tabs .tabsTop {
	height: 12px;
	width: 546px;
	background-repeat: no-repeat;
	background-image: url("tabsTop.png");
	font-size: 0px;
	float: left;
	clear: left;
	}

#tabs .tabsTitles {
	height: 20px;
	width: 546px;
	background-repeat: repeat-y;
	background-image: url("tabsOnePxTitles.png");
	font-weight: bold;
	float: left;
	clear: left;
	}
	
.tabTitle {
    margin: 0px 3px 0px 4px;
	width: 175px;
	text-align:center;
	float: left;
	}

#tabs #tabsMid1 {
	height: 19px;
	width: 546px;
	background-repeat: no-repeat;
	background-image: url("tabsMid1.png");
	font-size: 0px;
	float: left;
	clear: left;
	}
	
#tabs #tabsMid2 {
	height: 19px;
	width: 546px;
	background-repeat: no-repeat;
	background-image: url("tabsMid2.png");
	font-size: 0px;
	float: left;
	clear: left;
	}
	
#tabs #tabsMid3 {
	height: 19px;
	width: 546px;
	background-repeat: no-repeat;
	background-image: url("tabsMid3.png");
	font-size: 0px;
	float: left;
	clear: left;
	}
	
#tabs #tabsContent1 {
	width: 546px;
	background-repeat: repeat-y;
	background-image: url("tabsOnePxContent.png");
	float: left;
	clear: left;
	}

#tabs #tabsContent2 {
	width: 546px;
	background-repeat: repeat-y;
	background-image: url("tabsOnePxContent.png");
	float: left;
	clear: left;
	}

#tabs #tabsContent3 {
	width: 546px;
	background-repeat: repeat-y;
	background-image: url("tabsOnePxContent.png");
	float: left;
	clear: left;
	}

#tabs .tabsBot {
	height: 12px;
	width: 546px;
	background-repeat: no-repeat;
	background-image: url("tabsBot.png");
	font-size: 0px;
	float: left;
	clear: left;
	}

#ongletComment {
    padding: 4px 0px 0px 10px;
	width: 185px;
	height: 18px;
	font-weight: bold;
	font-size: small;
    text-align: left;
	cursor: pointer;
    border-width: 0px;
	background-repeat: no-repeat;
	overflow:hidden;
	white-space:nowrap;
	float: left;
	clear: left;
    }
    
.ongletCommentU {
	color: #555555;
    background-image: url("ongletCommentG.png");
    }
    
.ongletCommentU:hover {
	color: White;
    background-image: url("ongletComment.png");
    }

.ongletCommentD {
	color: Gray;
    background-image: url("ongletCommentG.png");
    }
    
.ongletCommentS {
	color: White;
    background-image: url("ongletComment.png");
    }
    
#ongletChargeD {
    padding: 4px 0px 0px 10px;
	width: 185px;
	height: 18px;
	font-weight: bold;
	font-size: small;
    text-align: left;
	color: #CCCCCC;
    border-width: 0px;
	background-repeat: no-repeat;
    background-image: url("ongletChargeG.png");
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }
    
#ongletChargeE {
    padding: 4px 0px 0px 10px;
	width: 185px;
	height: 18px;
	font-weight: bold;
	font-size: small;
    text-align: left;
	cursor: pointer;
    border-width: 0px;
	background-repeat: no-repeat;
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }
    
.ongletChargeS {
	color: White;
    background-image: url("ongletCharge.png");
    }
    
.ongletChargeU {
	color: #FF898D;
    background-image: url("ongletChargeG.png");
    }
    
.ongletChargeU:hover {
	color: White;
    background-image: url("ongletCharge.png");
    }

#ongletQuitD {
    padding: 4px 0px 0px 10px;
	width: 92px;
	height: 18px;
	font-weight: bold;
	font-size: small;
    text-align: left;
	color: #CCCCCC;
    border-width: 0px;
	background-repeat: no-repeat;
    background-image: url("ongletQuitG.png");
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }
    
#ongletQuitE {
    padding: 4px 0px 0px 10px;
	width: 92px;
	height: 18px;
	font-weight: bold;
	font-size: small;
    text-align: left;
	cursor: pointer;
    border-width: 0px;
	background-repeat: no-repeat;
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }
    
.ongletQuitS {
	color: White;
    background-image: url("ongletQuit.png");
    }
    
.ongletQuitU {
	color: #555555;
    background-image: url("ongletQuitG.png");
    }
    
.ongletQuitU:hover {
	color: White;
    background-image: url("ongletQuit.png");
    }

.ongletCommentH {
    background-image: url("ongletComment.png");
    }

.ongletChargeH {
    background-image: url("ongletCharge.png");
    }

.ongletQuitH {
    background-image: url("ongletQuit.png");
    }
    
#mess .messTitleMess2 {
    padding: 0px 0px 0px 4px;
	width: 200px;
	font-weight: bold;
	font-size: medium;
    text-align: left;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #FFFFFF;
	overflow:hidden;
	white-space:nowrap;
	float: left;
	clear: left;
    }
    
#mess .messTitleAnsCharge {
    padding: 0px 0px 0px 4px;
	width: 230px;
	font-weight: bold;
	font-size: medium;
	color: #F93544;
    text-align: left;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #FFFFFF;
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }

#mess .messTitleQuit {
    padding: 0px 0px 0px 4px;
	width: 113px;
	font-weight: bold;
	font-size: medium;
	color: #F93544;
    text-align: left;
    border: 1px solid #8BBBED;
    border-top: 0px;
    border-bottom: 0px;
    background-color: #FFFFFF;
	overflow:hidden;
	white-space:nowrap;
	float: left;
    }

#mess #messMid11 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid11.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid12 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid12.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid13 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid13.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid21 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid21.png");
	font-size: 0px;
	float: left;
	}

#mess #messMid22 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messMid22.png");
	font-size: 0px;
	float: left;
	}

#messContent0 {
    border: 3px solid black;
    clear: left;
	float: left;
	}

#messContent1 {
    border: 3px solid black;
    clear: left;
	float: left;
	}
	
#messContent2 {
    border: 3px solid #E43438;
    clear: left;
	float: left;
	}
	
#messContent3 {
    border: 3px solid black;
    clear: left;
	float: left;
	}
	
#mess #messBot1 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messBot.png");
	font-size: 0px;
	float: left;
	}

#mess #messBot2 {
	height: 6px;
	width: 561px;
	background-repeat: no-repeat;
	background-image: url("messBot.png");
	font-size: 0px;
	float: left;
	}

.signupLeft {
    font-size:x-small;
    padding-left: 20px;
    text-align:right;
    width:200px;
}

.signupRight {
    font-size:x-small;
    text-align:left;
    width:180px;
}

div#pnlBtnHome {
    margin-left: 114px;
    width: 400px;
}

div.oneArticle {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    width: 550px;
    margin-left: 30px;
    text-decoration: none;
}

div.oneArticleTitle {
    float: left;
    clear: left;
    width: 550px;
    font-size: small;
    font-weight: bold;
}

div.oneArticleDate {
    float: left;
    clear: left;
    width: 65px;
    font-style: italic;
    font-size: x-small;
    padding-top: 2px;
}

div.oneArticleShort {
    float: left;
    text-align: justify;
    width: 320px;
}

div.oneArticleLogo {
    float: left;
    margin-left: 10px;
    width: 150px;
}

.linkMediaCoverage {
    color: black;
    text-decoration: none;
    font-size: small;
}

.linkMediaCoverage:hover {
    color: #E43438;
    text-decoration: none;
    font-size: small;
}

#potentialWitWrapper {
    height: 120px;
    width: 355px;
    overflow-y: scroll;
    overflow-x: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    border-width: 1px;
    border-style: solid;
	border-color: #7F9DB9;
}

#grabberWrapper {
    height: 120px;
    width: 355px;
    overflow-y: scroll;
    overflow-x: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    border-width: 1px;
    border-style: solid;
	border-color: #7F9DB9;
}

.lblGrab {font-size:x-small;width:70px;height:12px; text-align:right; margin: 3px 5px 0px 0px; float: left;}
.txtGrab {font-size:x-small;width:140px;height:12px; margin: 3px 0px 0px 0px; }
.btnGrab {font-size:x-small;margin: 3px 0px 5px 120px;}
.cblGrabber {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
}
.graytext {
    color: #AAAAAA;
}
.webmails {
    margin: 5px 5px 0px 0px;
    float: right;
}
div#grabLine {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
	width: 275px;
	border: 0px solid #CCCCCC;
	border-top-width: 1px;
	line-height: 0px;
    margin: 2px 0px 3px 30px;
}

#homeTop {
    float: left;
    clear: left;
    margin-bottom: 30px;
}

.homeTopBgImageEn {
    height: 214px;
    width: 598px;
    background-image: url("cig3_en.png");
    background-repeat: no-repeat;
}

.homeTopBgImageFr {
    height: 214px;
    width: 598px;
    background-image: url("cig3_fr.png");
    background-repeat: no-repeat;
}

.homeTopBgImageEs {
    height: 214px;
    width: 598px;
    background-image: url("cig3_es.png");
    background-repeat: no-repeat;
}

.homePart {
    height: 40px;
    width: 292px;
    float: left;
    color: #555555;
}

#homeMiddle {
    height: 240px;
    border-width: 2px;
    border-style: solid;
	border-color: black;
    float: left;
    margin: 0px 4px 0px 4px;
}

.homePartTitle 
{
    width: 280px;
    font-size: small;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
}

.homePartBottom 
{
    width: 280px;
    margin: 8px 0px 15px 0px;
}

#homeBottom {
    height: 20px;
    float: left;
    clear: left;
}

div.tabInf 
{
	float: left;
	clear: left;
}

div.tabLeft {
	height: 40px;
	width: 100px;
	font-weight: bold;
	float: left;
	clear: left;
}

div.tabLeftTesti {
	height: 25px;
	width: 100px;
	font-weight: bold;
	float: left;
	clear: left;
}

div.tabLeftSubjAns {
	height: 90px;
	width: 100px;
	font-weight: bold;
	float: left;
	clear: left;
}

div.tabRightTesti {
	height: 25px;
	width: 410px;
	float: right;
}

div.tabRightSubjAns {
	height: 90px;
	width: 410px;
	float: right;
}

div.tabRightSubj {
	height: 40px;
	width: 410px;
	float: right;
}

div.tabRightMess {
	height: 145px;
	width: 410px;
	float: right;
}

div.tabBottom {
	height: 30px;
	width: 410px;
	float: right;
	clear: right;
	text-align: center;
}

.messBox {
    width: 400px;
    height: 120px;
	font-family: Arial, Sans-Serif;
	font-size: small;
}

.ddlCharges {
    width: 406px;
}

#mess .tabContent {
    padding: 14px 38px 0px 30px;
	width: 524px;
	height: auto;
	font-size: small;
    clear: left;
	float: left;
}


#forum {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	float: left;
	clear: left;
	}
	
#forum .title {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin: 3px 0px 15px 0px;
	width: 580px;
	font-weight: bold;
	font-size: medium;
	text-align: center;
	background-image: none;
	float: left;
	clear: left;
	}
	
#forum .list {
	float: left;
	clear: left;
	}
	
.histoMessWrap {
    width: 598px;
	height: auto;
    margin: 0px 0px 0px 0px;
    clear: left;
    float: left;
    }

.histoMessTop {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_top.png");
	font-size: 0px;
    clear: left;
    float: left;
    }

.histoMessTop0 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_top0.png");
	font-size: 0px;
    clear: left;
    float: left;
    }

.histoMessTop1 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_top1.png");
	font-size: 0px;
    clear: left;
    float: left;
    }

.histoMessTop2 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_top2.png");
	font-size: 0px;
    clear: left;
    float: left;
    }

.histoMessTop3 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_top3.png");
	font-size: 0px;
    clear: left;
    float: left;
    }

.histoMessMid {
    width: 568px;
	height: auto;
	background-repeat: repeat-y;
	background-image: url("message_mid.png");
	padding: 6px 15px 6px 15px;
    clear: left;
    float: left;
    }

.histoMessMid0 {
    width: 568px;
	height: auto;
	background-repeat: repeat-y;
	background-image: url("message_mid0.png");
	padding: 6px 15px 6px 15px;
    clear: left;
    float: left;
    }

.histoMessMid1 {
    width: 568px;
	height: auto;
	background-repeat: repeat-y;
	background-image: url("message_mid1.png");
	padding: 6px 15px 6px 15px;
    clear: left;
    float: left;
    }

.histoMessMid2 {
    width: 568px;
	height: auto;
	background-repeat: repeat-y;
	background-image: url("message_mid2.png");
	padding: 6px 15px 6px 15px;
    clear: left;
    float: left;
    }

.histoMessMid3 {
    width: 568px;
	height: auto;
	background-repeat: repeat-y;
	background-image: url("message_mid3.png");
	padding: 6px 15px 6px 15px;
    clear: left;
    float: left;
    }

.histoMessBot {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_bot.png");
	font-size: 0px;
	padding-bottom: 10px;
    clear: left;
    float: left;
    }

.histoMessBot0 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_bot0.png");
	font-size: 0px;
	padding-bottom: 10px;
    clear: left;
    float: left;
    }

.histoMessBot1 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_bot1.png");
	font-size: 0px;
	padding-bottom: 10px;
    clear: left;
    float: left;
    }

.histoMessBot2 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_bot2.png");
	font-size: 0px;
	padding-bottom: 10px;
    clear: left;
    float: left;
    }

.histoMessBot3 {
    width: 598px;
	height: 8px;
	background-repeat: no-repeat;
	background-image: url("message_bot3.png");
	font-size: 0px;
	padding-bottom: 10px;
    clear: left;
    float: left;
    }

.histoMess {
    width: 568px;
    padding: 10px 0px 10px 0px;
    clear: left;
    float: left;
    }
    
.histoMessLeft {
    clear: left;
    float: left;
    }

div#popupImgBckgrnd1 {
    background-color: #CCCCCC;
    padding: 30px 30px 30px 30px;
    height: 800px;
}

div#popupImgBckgrnd2 {
    background-color: White;
    padding: 20px 20px 20px 20px;
    border-width: 1px;
    border-style: solid;
	border-color: black;
}

div#popupImgTitle
{
    font-size: large;
    color: Black;
    padding-bottom: 20px;
}

div#loginButtons {
    clear: left;
}

div#signUpButton {
	padding: 10px 80px 0px 125px;
    float: left;
}

div#inviteButton {
	padding: 10px 0px 0px 0px;
    float: left;
}

div.quitButton2 {
	padding: 10px 80px 0px 0px;
    float: left;
}

div.inviteButton2 {
	padding: 10px 0px 0px 0px;
    float: left;
}

div.gelatButton {
    padding: 14px 0px 0px 0px;
    height: 33px;
    width: 132px;
    background-repeat: no-repeat;
    background-image: url("gelatButtonRed.png");
    font-size: small;
    font-weight: bold;
    color: White;
    text-align: center;
    cursor: pointer;
}

div.gelatButtonGray {
    padding: 14px 0px 0px 0px;
    height: 33px;
    width: 132px;
    background-repeat: no-repeat;
    background-image: url("gelatButtonGray.png");
    font-size: small;
    font-weight: bold;
    color: White;
    text-align: center;
    cursor: default;
}

div.mediaLine {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
	width: 545px;
	margin: 10px 0px 10px 30px;
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
	border-top-width: 0px;
	line-height: 0px;
}

div#cblSuggWit 
{
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    margin: 40px 10px 0px 50px;
    width: 500px;
}

.btnSuggWit 
{
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    margin: 20px 10px 10px 100px;
}

div#suggWit_witnesses
{
    float: left;
    clear: left;
    margin: 30px 10px 20px 10px;
    width: 200px;
    border: 2px solid Black;
    padding: 5px 5px 5px 5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

div#suggWit_suggWit
{
    float: left;
    margin: 30px 10px 20px 10px;
    width: 320px;
    border: 2px solid Black;
    padding: 5px 5px 5px 5px;
}

.suggWit_none {
    font-size: small;
    color: black;
    font-style: italic;
    margin-left: 40px;
}

.suggWit_shift {
    float: left;
    clear: left;
    margin-left: 20px;
    margin-bottom: 20px;
}

div#profile_unsub
{
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
	margin: 3px 3px 3px 70px;
	width: 460px;
    float: left;
    clear: left;
}

.profile_btnUnsub 
{
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    margin: 15px 10px 20px 140px;
}

div.underTitle {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    width: 550px;
    margin: 10px 0px 20px 50px;
}

div.reco_oneOrMany {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    font-size: medium;
    font-style: italic;
    margin: 5px 0px 10px 60px;
}

div#recoOrAddWit {
    margin: 30px 0px 0px 20px;
    line-height: 30px;
}

.divUnderTitle {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin: 10px 0px 0px 35px;
    width: 525px;
	float: left;
	clear: left;
}

.divUnderTitleS {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    margin: 0px 0px 30px 60px;
    width: 470px;
	float: left;
	clear: left;
}

div.enum {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    margin: 10px 10px 0px 50px;
}

div.btnTitleS {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    margin: 20px 0px 0px 0px;
    width: 470px;
    text-align: center;
}

div.btnTitle {
	display: inline; /* for ie 6 (http://www.positioniseverything.net/explorer/doubled-margin.html)*/
    float: left;
    clear: left;
    margin: 20px 0px 0px 0px;
    width: 525px;
    text-align: center;
}

div#wordCloud {
    text-align: center;
    margin-top: 30px;
    padding: 0px 50px 0px 50px;
    color: #AAAAAA;
}

div#infoPageAd {
    margin: 100px 0px 0px 150px;
}
