/* CSS Document */




#survey form {
	margin:0;
	padding:0;
}

#survey select, #survey textarea, #survey input, #survey form {
	font-size:100%;
	line-height:1.24;
	color:#000000;
	font-family:verdana;
}

#participate{ 
	/*position:absolute; top:210px; */
	right:0; 
	background-image:url(../images/bkg-box.gif); 
	width:162px; 
	height:193px; 
	position:fixed;
	right:0;
	top:200px;
	width:162px;
	z-index:1000;
	display:none;
	font-size:83%;
	font-family:verdana;
	line-height:1.24;
	
}
#participate p{
	color:#FFF; 
	padding:30px 0 0 25px;
	margin:2px 0px 10px 0px;
}
#participate .close{ 
	float:right; 
	margin:15px 10px 0 0;
	border:none;
}

#participate input { 
	border:1px solid #FFF; 
	color:#FFF; 
	background-color:#CC710F; 
	padding:3px; 
	margin:0px 0 0 25px;
	cursor: pointer; 
	cursor:hand;
}

/*************************Survey popup********************/
#survey{
	background-color:#FFF;
	width: 600px;
	/*margin:50px auto 0 auto;*/
	margin:0 auto 0 auto;
	height:auto;
	padding:0 0 12px 0;
	position:relative;
	font-family:Verdana;
	font-size:0.8em;
}

#survey #bkg-img{
	/*background-image:url(../images/globe.jpg); */
	background-repeat:no-repeat; 
	position:absolute; 
	top:30px; 
	left:0; 
	height:83px; 
	width:157px; 
	z-index:1;
}

#survey #bkg-img-zindex{
	/*background-image: url(../images/globe-zindex.jpg); */
	background-repeat:no-repeat; 
	position:absolute; 
	top:31px; 
	left:0; 
	height:83px; 
	width:157px; 
	z-index:1000;
}

#survey h2 {
	color:#E78D0E;
	font-family:Georgia;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:1px 0 4px 10px;
	background-color:#FFF;
}
	
#survey .floatRight{ 
	float: right; 
	padding:5px 10px 0 0; 
	margin:0;
}

#survey .box-bkg-img{
	border:1px solid #D7D7D7;
	padding:10px 10px 10px 50px;
	margin:0 10px 10px 10px;
	position:relative;
	overflow:hidden;
	height:1%;
	z-index:100;
	/*background-image:url(../images/globe.jpg); */
	background-repeat:no-repeat; 
}

#survey .box{
	border:1px solid #D7D7D7;
	padding:10px 10px 10px 50px;
	margin:0 10px 10px 10px;
	position:relative;
	overflow:hidden;
	height:1%;
	z-index:100;
}
	
#survey .boxLast{
	border:1px solid #D7D7D7;
	/*padding:10px 10px 10px 30px;*/
	padding:10px 10px 10px 50px;
	margin:0 10px 0 10px;
	position:relative;
	overflow:hidden;
	height:1%;
	z-index:100;
}
	
#survey .boxLast .paddingLeft{
	padding-left:20px;
}
#survey .boxLast .last{
	padding-bottom:20px;
}

#survey .leftbox{ 
	float:left; 
	position:relative; 
	width:220px; 
	padding:0; 
	margin:0 10px 10px 0; 
	clear:left;
}
#survey .shortbox{ 
	width:200px; 
}

#survey .rightIndent{ 
	text-align:right;
/*	width:300px;*/
}

#survey .otherSmaller{ 
	/*width:200px; */
}


#survey .boxLast .leftbox{ 
	/*width:320px; */
	width:220px; 
}
#survey .inputText{ 
	border:1px solid #95AFC6;
	width:178px;
}

#survey br.clear{ 
	padding:0; 
	margin:0; 
	clear:both;
}

#survey input{
	border:none;
}


#PressRoomSurveyForm{ 
	/*position:relative;*/
	/*border:1px solid black;*/
}

#survey #buttons{ 
	/*position:absolute; 
	right:15px; 
	bottom:-10px; 
	margin:0 0 5px 0;
	z-index:1000;
	*/
	margin:-10px 10px 5px;
	position:relative;
	text-align:right;
	/*z-index:1000;*/
}

#survey #buttons input{ 
	border:1px solid #D7D7D7; 
	padding:2px 7px; 
	background-color:#FFF; 
	margin:0 10px 0 0;  
	cursor: pointer; 
	cursor:hand;
	min-width:75px;
	height:20px;
	text-align: center;
}

#survey #buttons input#Send { 
    font-size: 12px;
	height:26px;
}



#survey #closeButton input{
	border:1px solid #D7D7D7; 
	padding:2px 10px;
	background-color:#FFF; 
	margin:0 10px 0 0;  
	cursor: pointer; 
	cursor:hand;
	height: 26px;
}

#survey #closeButton{
	position:absolute; 
    /*right:10px; */
	/*top:0; */
	margin:3px 0 0px 0;
	z-index:1000;
	/*cursor: pointer; */
	/*cursor:hand;*/
	/*display:none;*/
	font-size: 12px;
    height: 28px;
        left: 22px;
    bottom: 28px;
}
#survey input#buttonCloseCross{
 	background-image:url(../images/close.gif); 
	height:14px;
	width:14px;
	cursor: pointer; 
	cursor:hand;
	border:none;
	/*display:none;*/
}

.scroll_checkboxes{
	height:100px;
	padding:5px;
	overflow:auto;
	border: 1px solid #ccc;
}

.scroll_checkboxes_second_level{
	padding-left:25px;
}

.inputCheckbox{
	display:block;
	float:left;
	/*height:20px;*/
	overflow:hidden;
	width:100%;
	margin-top:5px;
}

.inputCheckbox  input{
	float: left;
	margin:0px;
}

.inputCheckbox span{
	display:block;
	margin-left:20px;
}

#survey  input.form_tools_ab {
	display:none;
	position:absolute;
	top:-1000px;
}


#survey .rightbox{ 
	float:left;
	position:relative;  
	width:260px; 
	padding:0; 
	margin:0 0 10px 0;
}


#survey .box-bkg-img .rightbox  { 
	/*width:auto; */
	float:right;
}

#survey .rightboxSelect,#survey .rightboxSelectLong{ 
	width:180px; 
	margin:0 0 10px 0;
	display:block;
}
#survey .rightboxSelectLong{ 
	width:auto; 
}

#survey .boxLast .rightbox{ 
	width:180px; 
}


#survey p#q_05_specify{ 
	width:220px;
}
#survey select { 
	font-size:81.5%;
}

p.privacy_statement {
	font-size:10px;
	text-align:left;
	padding:0px 0px 0px 8px;
	margin:0px;
}
p.privacy_statement a{
	margin:0px;
	padding:0px;
}

#frameFeedback p.privacy_statement {
	bottom:20px;
	margin:0;
	
	position:absolute;
	right:20px;
	text-align:right;
}

#boxFeedback{ /*background-image:url(/europa_survey/images/popup/bkg-box.jpg); background-repeat:no-repeat;*/ width:370px; height:250px; margin:10px 0 0 10px; padding:0px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#frameFeedback { border:1px solid #D7D7D7; height:237px; margin:0; padding:0; width:357px;}
#closeButton{ margin:3px 0 0 0; padding:0; text-align:right; /*background-image:url(/europa_survey/images/popup/img-top.gif);*/ background-position:top right; background-repeat:no-repeat;}
#closeButton p{ margin:0; padding:8px 5px 0 0;}
#closeButton a,#closeButton a:hover,#closeButton a:visited { color:#000}
#buttons a,#buttons a:hover,#buttons a:visited { color:#000}
#closeButton a img { text-decoration:none;border:none;}
#textFeedback{ margin:25px; line-height:1.5em;}
/*
#buttons { margin:0; padding:0; float:left; width:100%;}
#buttons p.btnLeft{ float:left; padding:0 0 0 15px; margin:0; font-weight:bold;}
#buttons p.btnRight{ float:right; padding:0 15px 0 0; margin:0; font-weight:bold;}
#buttons a{ display:block;background-image:url(/europa_survey/images/popup/btn.gif); background-repeat:no-repeat; width:150px; height:40px; text-align:center; padding:10px 0 0 0; margin:0;}
*/
#textCCK {float: left;display: block;margin: 25px;}
#buttons p.btnLeft{ float:left; padding:0 0 0 15px; margin:0px 0px 0px 40px ; font-weight:bold;}
#buttons p.btnRight{ float:left; padding:0 15px 0 0; margin:0px 0px 0px 40px ; font-weight:bold;}

#buttons a{	display:block; background-color:#FFFFFF; border:1px solid #D7D7D7; cursor:pointer; height:20px; margin:0 10px 0 0; padding:2px 7px; width:75px; color:#000000; font-family:verdana; font-size:100%; line-height:1.24; text-decoration:none; font-weight:normal; text-align:center;}

#survey select {
    font-size: 100%;
}

#buttons a
	{
	padding-top:10px;
	}

/*.mq600 #boxFeedback
	{
	width: 280px !important;
	}

.mq600 #frameFeedback
	{
	width: 300px !important;
	}

.mq600 div#survey
	{
	width: 300px !important;
	}

.mq600 #buttons p.btnLeft
	{
	padding-left: 0px;
	margin-left: 20px;
	}

.mq600 #buttons p.btnRight
	{
	padding-left: 0px;
	margin: 0px;
	padding-right: 0px;
	}*/


@media screen and (max-width: 600px)
	{

	#boxFeedback
		{
		max-width: 100% !important;
		}

	#frameFeedback
		{
		max-width: 100% !important;
		}

	div#survey
		{
		max-width: 90% !important;
		}

	}


@media screen and (max-width: 480px)
	{

	body
		{
		-webkit-text-size-adjust: 100%;
		}

	/*#boxFeedback
		{
		width: 390px !important;
		}

	#frameFeedback
		{
		width: 375px !important;
		}

	div#survey
		{
		width: auto !important;
		}

	#boxFeedback
		{
		width: 300px !important;
		}

	#frameFeedback
		{
		width: 300px !important;
		}*/

	/*div#survey
		{
		width: auto !important;
		}*/

	#survey .box
		{
		padding-left: 10px;
		}

	#survey .leftbox
		{
		float:none;
		width: auto;
		font-size:2em;
		}

	#survey .rightbox
		{
		width:auto !important;
		}

	#survey .rightboxSelect, #survey .rightboxSelectLong
		{
		font-size: 1.5em;
    	width: 440px; !important;
		}

	.inputCheckbox span
		{
		font-size: 1.5em;
		}

	#survey #buttons input
		{
		width:auto;
		height: auto;
		font-size: 2.5em;
		}

	#survey .box-bkg-img
		{
		padding-left:10px;
		}

	#buttons a
		{
		padding-top:10px;
		}

	#survey .leftbox
		{
		float:left;
		}

	#frameFeedback
		{
		height:auto !important;
		}

	#textFeedback
		{
		margin-top: 10px !important;
		margin-bottom: 10px !important;
		font-size: 100% !important;
    	line-height: normal;
		}

	#boxFeedback
		{
		height:auto;
		}

	#frameFeedback p.privacy_statement {
	    clear: both;
	    float: none;
	    margin: 0;
	    padding-right: 10px;
	    padding-top: 15px;
	    padding-top: 8px;
	    position: static;
	    text-align: right;
		}

	#textFeedback_content
		{
		font-size:10px;
		}

	#buttons p.btnRight,
	#buttons p.btnLeft 
	{
	    margin: 0 0 0 10px;
	}

	}


@media screen and (max-width: 320px)
	{

	#boxFeedback
		{
		width:240px !important;
		}

	#frameFeedback
		{
		width:227px !important;
		}

	div#survey
		{
		width: 227px !important;
		}

	#buttons p.btnLeft
		{
		padding-left: 0px;
		margin-left: 20px;
		}

	#buttons p.btnRight
		{
		padding-left: 0px;
		margin: 0px;
		padding-right: 0px;
		}

	#survey .leftbox
		{
		float:left;
		}
	}
	
#survey textarea {
    font-size: 12px;
}

#survey #bouton_close_thanks {
        border: 1px solid #D7D7D7;
    padding: 5px 12px;
    background-color: #FFF;
    margin: 0 10px 0 0;
    cursor: pointer;
    height: 26px;
    font-size: 100%;
        color: #000000;
        font-family: verdana;
        right: 10px;
    position: absolute;
    
}