* {
	font-family: 'Open Sans Condensed', arial, sans;
	margin:0px;
	padding:0px;
}
 
hr
{
	clear:left;
}

body 
{
	padding:0px;
	background-color:black; 
	margin:0px;
	height:100%;
	width:100%;
	font-family: 'Open Sans Condensed', arial, sans;
	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
{
	padding-top:15px;
	font-size:20pt; 
}

p
{
	padding-left:10px;
	padding-right:10px;
	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;}

.quicky_main_logo{
	padding-top:20px;
	padding-left:-50px;
	margin-left: auto;
    margin-right: auto;
    max-width:80px;
	}
#quicky_bg_name_block{
	display:none;
	}	
	
#quicky_main_label{ 
	display:inline-block;
	position:relative;
	top:-15px;
	left:20pt;
	font-size:36pt;
	color:teal;
    text-align: left;  
	margin-left: auto;
    margin-right: auto;     
    border: 0px solid lightblue;
	}
	
#quicky_label_points{
	display:inline-block;
	position:relative;
	top:-15px;
	left:40pt;
	font-size:14pt;
	color:grey; 
	/*font-family:fontpermot;*/
	}
	
#quicky_output_proposal{ 
	left:100px;width:calc(100% - 100px);
	
	display:inline-block;
	position:relative;
	top:10px;

	font-size:12pt;
	color:#90ee90;
    text-align: left;   
	margin-left: auto;
    margin-right: auto; 
    border: 0px solid lightblue;
	}  
	
	
#quicky_relation_help{
	width:calc(100% - 40px);
	display:inline-block;
	position:relative;
	top:-15px;
	left:20pt;
	font-size:18pt;
	color:pink;
	margin-bottom:10pt;
	/*font-family:fontpermot;*/
	}
#quicky_label{
	display:block;
	position:relative;
	top:-15px;
	font-size:18pt;
	color:orange;
	/*font-family:fontpermot;*/
	}

	
#quicky_main_question{
	display:block;
	position:relative;	
	top:-15px;
	font-size:24pt;
	color:#FBF98C;
	/*font-family:fontpermot;*/
	}	
	
#quicky_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;
	}
	
#quicky_proposition_block{
	line-height:60pt;
	white-space:normal;
	}
.quicky_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;*/
	}

.quicky_nsp{
	background-color:purple;
	opacity:0.65;
	color:gray;
	}
.quicky_nsp:hover{
	background-color:purple;
	opacity:0.85;
	color:white;
	}
.quicky_allpert{
	background-color:orange;
	opacity:0.85;
	color:gray;
	}
.quicky_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;
	}
	
#quicky_main_block{
	display:block;
	position:absolute;
	top:0px;bottom:0px;
	border: 0px solid lightblue;
	width:100%;	
	}

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

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

#quicky_table{
	position:relative;width:100%;border:red 0px solid;
	
	}
	
#quicky_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;		
}

#quicky_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;*/
	}
#quicky_block_play{
	display:inline-block;
	position:absolute;
	left:200px;	
	bottom:50px;
	font-size:50pt;
	border:0px solid red;
	/*font-family:fontpermot;*/
}
#quicky_help_title{
	font-size:50pt;
	}

.quicky_help{
	font-size:14pt; 
	}  

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




.form-style-8{
	opacity:0.95;  
	font-family: 'Open Sans Condensed', arial, sans;
	width: 500px;
	width: 60%;
	padding: 30px;
	background: #FFFFFF;
	margin: 50px auto;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.22);
	-webkit-box-shadow:  0px 0px 15px rgba(0, 0, 0, 0.22);

}
.form-style-8 h2{
	background: #4D4D4D;
	/*text-transform: uppercase;*/
	font-family: 'Open Sans Condensed', sans-serif;
	color: #797979;
	font-size: 18px;
	font-weight: 100;
	padding: 20px;
	margin: -30px -30px 30px -30px;
}
.form-style-8 input[type="text"],
.form-style-8 input[type="date"],
.form-style-8 input[type="datetime"],
.form-style-8 input[type="email"],
.form-style-8 input[type="number"],
.form-style-8 input[type="search"],
.form-style-8 input[type="time"],
.form-style-8 input[type="url"],
.form-style-8 input[type="password"],
.form-style-8 textarea,
.form-style-8 select 
{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	display: block;
	width: 100%;
	padding: 7px;
	border: none;
	border-bottom: 1px solid #ddd;
	background: transparent;
	margin-bottom: 10px;
	font: 16px Arial, Helvetica, sans-serif;
	height: 45px;
}
.form-style-8 textarea{
	resize:none;
	overflow: hidden;
}
.form-style-8 input[type="button"], 
.form-style-8 input[type="submit"]{
	-moz-box-shadow: inset 0px 1px 0px 0px #45D6D6;
	-webkit-box-shadow: inset 0px 1px 0px 0px #45D6D6;
	box-shadow: inset 0px 1px 0px 0px #45D6D6;
	/*background-color: #2CBBBB;*/
	background-color:teal;
	border: 1px solid #27A0A0;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 14px;
	padding: 8px 18px;
	text-decoration: none;
	/*text-transform: uppercase;*/
}
.form-style-8 input[type="button"]:hover, 
.form-style-8 input[type="submit"]:hover {
	background:linear-gradient(to bottom, #34CACA 5%, #30C9C9 100%);
	background-color:#34CACA;
}


#quicky-total-points{
	display:block;position:absolute;
	top:300px;left:-70px;
	font-size:36pt;color:white;opacity:0.5;
	font-family: 'Open Sans Condensed', arial, sans;
				
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	transform: rotate(-90deg);
	}

@media screen and (min-aspect-ratio: 18/9) {   
	#quicky-total-points{   
		color:lightblue;opacity:0.5;
	}
}

@media screen and (max-aspect-ratio: 1/1) {  
	#quicky-total-points{
		color:lightgreen;opacity:0.5;
	}
}

@media screen and (max-aspect-ratio: 60/90) {   
	#quicky-total-points{   
		color:red;opacity:0.5;
	}
	
	* {
		zoom: 1.1; 
		-moz-transform: scale(1.1); 
		-moz-transform-origin: 0 0;
	}
	
	.form-style-8 {
		/*zoom: 1.3; 
		-moz-transform: scale(1.3); 
		-moz-transform-origin: 0 0;
		width: 70%; */	
	}
	
	.form-style-8 h2{
		/*zoom: 1.3; 
		-moz-transform: scale(1.3); 
		-moz-transform-origin: 0 0;*/
		color: white;
		font-size: 20px;
	}
	
	form-style-8 input[type="button"], 
	.form-style-8 input[type="submit"]{
		font-size: 20px;
	}
}