* {
	margin:0px;
	padding:0px;
}

hr
{
	clear:left;
}

body 
{
	padding:0px;
	background-color:black; 
	margin:0px;
	height:100%;
	width:100%;
	font-family: "Comic Sans MS", "Comic Sans", cursive;
	color:white;
}

h1
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:large;
	font-weight:bold;
	color:#006699;

}

h2
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight:bold;
	padding-left:0px;
	color:#006699;

}

h3
{
	/*font-family:"Comic Sans MS",arial, "lucida console", sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	font-family:fontpermot;
	padding-top:15px;
}

p
{
	padding-left:10px;
	padding-right:10px;
	/*font-family:"Comic Sans MS",arial, "lucida console", sans-serif;*/
	font-family:Arial,Helvetica,sans-serif;
	color:white;
}

a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { text-decoration:none; }


A:link { text-decoration: none; color:#006699 }
A:visited { text-decoration: none; color:#006699}
A:hover { text-decoration: none; color:#660033 }

.jdm-term-context
{
	color:grey;
	display:inline;
}

#question_mode_plus{display:inline;color:lightgreen;}
#question_mode_moins{display:inline;color:red;}

.permot_main_logo{
	padding-top:35px;
	margin-left: auto;
    margin-right: auto;
    max-width:180px;
	}
#permot_bg_name_block{
	display:none;
	}	
	
#permot_main_label{
	display:inline-block;
	position:relative;
	top:-15px;
	font-size:36pt;
	color:white;
	font-family:fontpermot;
	
    text-align: center;
    
	margin-left: auto;
    margin-right: auto;
    width:100%;
    
    border: 0px solid lightblue;
	}
	
#permot_relation_help{
	display:inline-block;
	position:relative;
	top:-15px;
	font-size:18pt;
	font-family:fontpermot;
	}
		
#permot_main_question{
	display:block;
	position:relative;	
	top:-15px;
	font-size:24pt;
	color:#FBF98C;
	font-family:fontpermot;
	}	
	
#permot_question_label{
	 white-space: nowrap;
	 display:inline;
	}	
	
		
.bgcol_1 {
	background-color:#DBFDA9;
	}
.bgcol_2 {
	background-color:#FFE2FC;
	}
.bgcol_3 {
	background-color:#F6F388;
	}
.bgcol_4 {
	background-color:#BAFAF4;
	}
	
.hover_pos:hover {
		/* box-shadow: 5px 5px 5px green;*/
		background-color:green;
		color:white;
	}
.hover_neg:hover {
		/* box-shadow: 5px 5px 5px red;*/
		background-color:red;
		color:white;
	}
	
#permot_proposition_block{
	line-height:60pt;
	white-space:normal;
	}
.permot_proposition{
	display:inline-block;
	position:relative;
	margin:5px;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	font-size:16pt;
	color:gray;
	white-space: normal;
	text-align: center;
	overflow: hidden;
	 
	box-shadow: 5px 5px 5px black;
	
	border-radius: 1px;
	line-height:30pt;
	
	font-family:fontpermot;
	}

.permot_nsp{
	background-color:purple;
	opacity:0.65;
	color:gray;
	}
.permot_nsp:hover{
	background-color:purple;
	opacity:0.85;
	color:white;
	}
.permot_allpert{
	background-color:orange;
	opacity:0.85;
	color:gray;
	}
.permot_allpert:hover{
	background-color:orange;
	opacity:1;
	color:white;
	}	
.permolabel{
	display:inline;
	white-space: nowrap;
	color:black;
	font-weight: bold;
	}
.permolabel:hover{
	color:white;
	font-weight: bold;
	}
	
#permot_main_block{
	display:block;
	position:absolute;
	top:0px;bottom:0px;
	border: 0px solid lightblue;
	width:100%;	
	}

#permot_main_content_block{
	display:block;
	position:relative;
	left:80px;
	margin-left: auto;
    margin-right: auto;
    margin-top:20px;
	border: 0px solid blue;
	width:85%;	
	}
	
#permot_instruction_block{
	display:inline-block;
	position:relative;
	top:0px;
	border: 0px solid green;	
	width:100%;
	text-align:left;
	}	

#permot_theform_block{
	display:inline-block;
	margin-top:20px;margin-bottom:20px;
	border:grey 0px solid;	
	margin-left: auto;
    margin-right: auto;
	}

#permot_table{
	position:relative;width:100%;border:red 0px solid;
	
	}
	
#permot_nsp:hover{
	color:white;
	}

.bigbutton{
	width:80px;
}

.mediumbutton{
	width:65px;
}

.smallbutton{
	width:50px;
}

.vsmallbutton{
	width:40px;
}

.biglabel{
	font-size:20px;
}
.mediumlabel{
	font-size:18px;
}
.smalllabel{
	font-size:14px;
}
.vsmalllabel{
	font-size:12px;
}

.fb-like{
	margin:30px;		
}

#permot_bg{
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background:url("/emot_pics/emot-bg2.jpg");
	opacity:0.13;
	z-index:-1;
}

#emot-help-block{
	display:inline-block;
	position:absolute;
	left:200px;	
	right:50px;
	border:0px solid pink;
	font-family:fontpermot;
	}
#permot_block_play{
	display:inline-block;
	position:absolute;
	left:200px;	
	bottom:50px;
	font-size:50pt;
	border:0px solid red;
	font-family:fontpermot;
}
#permot_help_title{
	font-size:50pt;
	}

#fb-like-permot{
	display:inline-block;
	display:none;
	position:relative;
	position:absolute;
	left:180px;	
	bottom:50px;
	}