/* GENERALE */
#asset_consegna,.asset_consegna {color: #009; font-size:16px; border-bottom:1px solid black; padding-bottom:4px; margin-bottom:20px; font-weight:bold; margin-top:15px;min-height:17px;}
#player input {	height:2em; line-height:2em;text-align:center;display:inline;	position:relative; margin:0; vertical-align:middle; border-radius:5px;-moz-border-radius:5px;	-webkit-border-radius:5px;	border:1px solid #16A0C8;}
sup { line-height:12px; overflow:visible;}
#asset_opzioni,.asset_opzioni {margin-top:15px; margin-right:15px;}
#player ol {margin: 20px 0 20px 40px; }
#player ol li {display: list-item;  margin:0 0 5px 0;	}
 { border:none;}
#player_contenuto { font-size:14px;}
#player_contenuto a {color:#ED6B06; text-decoration:none;  font-size:14px;}
#player_contenuto a:hover { text-decoration:underline; color:#ED6B06;}

#player_testo_domanda { margin-right:15px; line-height:23px;}
#player_testo_domanda .sbagliato { color:red;}
#player_testo_domanda .giusto { color:green;}

#player_contenuto .feedback p { font-size:12px;}
.punteggio {position:absolute; bottom:6px; right:10px; font-size:16px;}
.punteggio span { font-size:18px; display:block;}


/* FEEDBACK */
.lampadina{background: url("../img/icon_lampadina.png") center no-repeat; width:15px; height:23px; display:inline-block;margin: 0 0 -5px 4px; }
#lampadina:hover { cursor:pointer; }
.ui-dialog .lampadina {display:none;}

.aiuto1 {background: url("../img/icona_aiuto.png") center no-repeat; width:20px; height:20px; position:absolute;
top:60px;right:23px; cursor:pointer;}
.aiuto {background: url("../img/icona_aiuto.png") center no-repeat; width:20px; height:20px; float:right; position:relative; margin-top:-24px;margin-right:23px; cursor:pointer;}

/* SCELTA MULTIPLA */
#asset_opzioni td { valign:center;}
.player_input {	float:left;	margin-right:5px; display:block; width:43px; }
.opzionemultiple {margin:0; padding:0;display:inline-block;}
.opzionemultiple p {margin:0; line-height:23px;}
.opzionemultiple.giusto { border:1px solid green; padding:4px; border-radius:7px; max-width:80%; display:inline-block; }
.opzionemultiple.sbagliato {  border:1px solid red; padding:4px; border-radius:7px; max-width:80%; display:inline-block;} 
.player_opzione {margin:0; padding:0;display:inline-block;}
.player_opzione p, #asset_opzioni p { margin:0; line-height:23px;}
.player_opzione_separatore_feedback {clear:both;display:block; height:10px; margin-top:5px; margin-bottom:7px;}
.player_opzione_separatore {clear:both; display:block; height:10px; margin-top:5px; margin-bottom: 7px;}
#player_opzioni_domanda {padding:10px; display:block;}
.player_opzione.giusto { border:1px solid green; padding:4px; border-radius:7px; max-width:90%; display:inline-block; }
.player_opzione.sbagliato {  border:1px solid red; padding:4px; border-radius:7px; max-width:90%; display:inline-block;} 
.icona_sbagliato { background:transparent url(../img/icona_not_ok.png) top left no-repeat; width:20px; height:20px; display:inline-block;margin: 0 0 -4px 6px;}
.icona_giusto {background:transparent url(../img/icona_ok.png) top left no-repeat;width:20px; height:20px; display:inline-block;margin: 0 0 -4px 6px;}


/* ASSOCIAZIONI*/
table.associazione {width:380px;}
table.associazione2 {width:300px;}
.associazione td.titolo_riga { max-width:150px;width:150px; min-height:50px; padding: 15px; background-color: #E9F7FA; border: 1px solid #16A0C8;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.associazione td.dropmatch {border:2px dashed #ccc;	padding:5px; 	height:50px; min-height:50px;	line-height:39px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.tabella_dd td.drag_td {max-width:150px;width:150px; min-height:50px;}
.dragmatch {background-color: #E9F7FA; max-width:150px;width:150px; min-height:50px; padding:10px; cursor:move; z-index:100; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border: 1px solid #16A0C8;}

.tabella_dd { border-collapse: separate; border-spacing:10px 10px;}
.tabella_dd td { height:19px; vertical-align:top; margin-right:10px;}
.tabella_dd td.dato { padding:5px; text-align:right; background-color:#EBECED; border-right:2px solid #fff; }
.tabella_dd td.azione_tabella {width:30px; text-align:center; vertical-align:top; background-color: #EBECED; padding:5px 0 0 0px; }
.tabella_dd td.titolo_riga.contenutolnd, .tabella_dd td.dato.contenutolnd, .tabella_dd td.azione_tabella.contenutolnd { background-color: #fce504; }
.tabella_dd td.titolo_riga audio { width:152px;}
.tabella_dd tr.tDnD_whileDrag td { background-color: #eee; border: 1px dotted #ccc; }
.tabella_dd tr.alt td {background-color: #ecf6fc;}
.tabella_dd .giusto { color:green;}
.tabella_dd .sbagliato { color:red;}
.tabella_dd .icona_giusto{ background:transparent url(../img/icona_ok.png) left no-repeat; width:20px; height:20px; position:absolute; margin-left:3px;}
.tabella_dd .icona_sbagliato{ background:transparent url(../img/icona_not_ok.png) left no-repeat; width:20px; height:20px; position:absolute;margin-left:3px;}
.tabella_dd audio { max-width:100%;}


/* DRAG&DROP TESTUALE */
#testoDD,.testoDD {clear:both;margin:35px 0 0 0;}
ul.boxy { list-style:none; left:20%; padding: 4px 4px 0 4px; margin: 0px; height: auto; text-align: center;font-size: 14px; font-family: Arial, sans-serif; font-weight: bold;}
ul.boxy li { cursor:move;float: left; margin-right: 4px; margin-bottom: 4px; padding:2px 12px 2px 12px;    border: #100 1px dotted; background-color: #E9F7FA;z-index:100;}
.inputBoxDD {height:2em;border-top-style: solid;border-top-color: #FFFFFF;border-top-width: 0px; border-right-style: solid; border-right-color: #FFFFFF; border-right-width: 0px; border-left-style: solid; border-left-color: #FFFFFF; border-left-width: 0px; border-bottom-style: solid; border-bottom-color: #000000; border-bottom-width: 1px;}
input.inputBoxDD {color:#000; font-weight:bold;}
input.inputBoxDD.sbagliato {background:transparent url(../img/icona_not_ok.png) 95% no-repeat; }
input.inputBoxDD.giusto {background:transparent url(../img/icona_ok.png) 95% no-repeat; 	}
#testoDD .giusto { border:1px solid green; padding:2px;border-radius:5px;-moz-border-radius:5px;	-webkit-border-radius:5px; line-height:26px;}


/* RIORDINA */
#player_tabella_item { list-style-type: none; margin: 0; padding: 0; width:450px;}
#player_tabella_item li { background-color:#fff; margin-bottom:5px; padding: 12px; border:1px solid #16A0C8;cursor:move;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
#player_tabella_item li p { padding-right:15px; line-height:17px;}
#player_tabella_item td p {padding-right:15px;}
#player_tabella_item li span { position: absolute; margin-left: -1em;}
#player_tabella_item .giusto { background:transparent url(../img/icona_ok.png) 99% no-repeat; }
#player_tabella_item .sbagliato { background:transparent url(../img/icona_not_ok.png) 99% no-repeat; }


/* DOMANDA APERTA */
textarea {border:1px solid #16A0C8;	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


/* AUDIO VIDEO */
div.jp-audio, div.jp-video {margin-bottom:20px; margin-top:20px;}


/* VERO FALSO*/
#table_options td{ padding-top:5px; padding-bottom:5px;}
#table_options th{ padding:0 10px; font-weight:bold; color:#009;}
#table_options th:nth-child(3), th:nth-child(4), th:nth-child(5), th:nth-child(6){ padding:0 20px; }
#table_options td.label{ vertical-align:top; line-height: 23px; width:27px; }
#table_options td.question{vertical-align:top; width:380px; }
#table_options .icona_giusto{ background:transparent url(../img/icona_ok.png) left no-repeat; width:20px; height:20px; position:absolute; margin-left:3px;}
#table_options .icona_sbagliato{ background:transparent url(../img/icona_not_ok.png) left no-repeat; width:20px; height:20px; position:absolute;margin-left:3px;}


/* INTRUSO */
.intruso {color: #ff0000;}
.intruso1 {color:#fff;background-color:#364395;}
.intruso2 {color:#fff;background-color:#16A0C8;}
.intruso3 {color:#fff;background-color:#9d1548;}
.intruso4 {color:#fff;background-color:#ed6c00;}
.intrusodarispondere1 {color:#364395; background-color: #ccc; }
.intrusodarispondere2 {color:#16A0C8; background-color: #ccc; }
.intrusodarispondere3 {color:#9d1548; background-color: #ccc; }
.intrusodarispondere4 {color:#ed6c00; background-color: #ccc; }


/* COMPLETAMENTO LIBERO/GUIDATO*/
#asset_testo .soluzione.giusto { border:1px solid green; padding:2px;border-radius:5px;-moz-border-radius:5px;	-webkit-border-radius:5px; line-height:26px;}
select.giusto {border:1px solid green; color:green; }
select.sbagliato {border:1px solid red; color:red;}
#asset_testo input.sbagliato {color:red; border-color:red; }
#asset_testo input.giusto {color:green; border-color:green;}


/* TESTO LIBERO*/
#asset_testo { margin-right:15px; line-height:22px;}
#testo_libero { margin-right:15px; margin-left:47px;}


/* VARIE */
#svgbasics {position: absolute;left: 0px; top: 0px;border: solid 0px #484; z-index: -100;}
.nopadding {padding:0;}
.alto {	margin-bottom:15px;}
.piede_domanda {clear:both;	margin:10px 0 10px 10px;float:right;}
.testonormale {	font-family:Verdana,Arial,Helvetica,sans-serif;	font-size:0.9em;color:#707172;font-style:normal;	font-weight:normal;line-height:2em;}
#contenitore_domanda {display:block;height:100%;}
.hotspotsel {dislay:block;border:1px solid #ff0000;position:absolute;}
.hotspotselcontent {filter: alpha(opacity=20);opacity: 0.2;background-color:#000000;width:20px;height:20px;}
.disattivato {	display:none;}
iframe.file_upload {border:none;width:580px;height:400px;overflow:auto;}
.flex_container {padding:5px;}
select[multiple] {height:300px;width:200px;	}
.correzione_spazio {font-size:0.8em;color:#707172;}
#banner h1 {margin:0;text-align:right;font-family: 'GillSansRegular'; font-size:24px; color:#fff;padding:7px 10px 0 0;}
#elenco_risposte { margin-top: 10px; }
td.dragHandle { width: 19px; height: 19px; }
td.showDragHandle { /*background-image: url(../img/ico_riordina.png); background-repeat: no-repeat; background-position: center center;*/ cursor: move; }
#drawer {float:left;width:30px;height:30px;margin:-15px 0px 0 -15px;z-index:100;}
#drawer a {display:block;width:30px;height:30px;background:transparent url(../img/drawer_icon.png) top left no-repeat;}
#drawer a span {display:none;}
#myBoxes { text-align:left;}

#area_interazione {width:700px;	height:100%;}

.delSelezione img{ margin-bottom:5px; }
#intrusi_space { margin-top:15px!important; }

/* Modifiche player */

	.help-main { background: url("../img/icona_aiuto.png") center no-repeat; width:20px; height:20px; position:absolute;top:60px;right:23px;cursor:pointer; }
	.help-inline { /* display:block;*/float:right;background: url("../img/icona_aiuto.png") center no-repeat; width:20px; height:20px;cursor:pointer; }

	.feedback-main { float:right;background: url("../img/icon_lampadina.png") center no-repeat; width:15px; height:23px;display:inline-block;margin: 0 60px -5px 24px;cursor:pointer; }
	.feedback-inline { background: url("../img/icon_lampadina.png") center no-repeat; width:15px; height:23px;display:inline-block;margin: 0 0 -5px /*24*/5px;cursor:pointer; }
	.feedback-abs { position:absolute;top:0;left:0;background: url("../img/icon_lampadina.png") center no-repeat;display:block;width:15px; height:23px;margin:0;cursor:pointer; }

/* Autosubmit */

	#autoSubmitLayer { position:fixed;z-index:100000;top:0px;left:0px;background-color:#E7F5F8;height:100%;width:100%; }
	#autoSubmitLayer #autoSubmitAlertContent { position:absolute;z-index:100001;top:50%;left:50%;display:block;width:350px;margin:0;margin-left:-185px;margin-top:-150px;padding:10px;border:1px solid #16A0C8;background-color:#FFF;font-size:14px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; }
	#autoSubmitLayer #autoSubmitLink { display:block;clear:both;background-color:#E7F5F8; border:1px solid #16A0C8; color:#16A0C8; border-radius:7px; background-repeat: no-repeat; color: #009; font-family: 'GillSansRegular'; font-size: 14px;margin:auto;margin-top:20px; height: 29px; line-height: 29px; text-align: center; width:110px; }
	#autoSubmitLayer #autoSubmitLink:hover { background-color:#16A0C8;color:#FFF;cursor:pointer;text-decoration:none; }
	#autoSubmitAlert { position:absolute;bottom:55px;right:5px;/*display:block;width:80%;*/padding:10px;margin:10px;border:1px solid #16A0C8;background-color:#FFF;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px; }

/* Selezione caratteri speciali */

	#player_contenuto a#entityLink { display:block;clear:both;background-color:#E7F5F8; border:1px solid #16A0C8; color:#16A0C8; border-radius:7px; background-repeat: no-repeat; color: #009; font-family: 'GillSansRegular'; font-size: 14px; margin-right:10px; height: 29px; line-height: 29px; text-align: center; width:130px; }
	#player_contenuto a#entityLink:hover { background-color:#16A0C8;color:#FFF;cursor:pointer;text-decoration:none; }

	#tbContainer { display:block;width:/*310*/620px;margin:0;margin-top:5px;padding:0;padding-top:1px;padding-left:1px;border:0;overflow:hidden;background-color:#CCC; }
	.tbCell, .tbEmptyCell { float:left;width:30px;height:30px;margin:0;margin-bottom:1px;margin-right:1px;padding:0;border:0;font-family:Verdana,Arial;font-size:16px;line-height:30px;text-align:center;background-color:#FFF; }
	.tbCell:hover { background-color:#EEE;cursor:pointer; }

/* Tipo asset 25 (spezzettamento) */

	span.ds { display:inline-block;width:5px;height:15px; }
	span.dc { display:inline-block;/*width:1px;*/height:15px; }
	span.dropSpaceHover { display:inline-block;width:100px;margin-left:2px;margin-right:2px;height:30px;background-color:#CCC; }
	span.dropSpace_sbagliato { display:inline;margin:0;margin-left:5px;margin-right:5px;color:#F00;text-align:center;font-weight:bold; }
	span.dropSpace_giusto { display:inline;margin:0;margin-left:5px;margin-right:5px;color:green;text-align:center;font-weight:bold; }
	#asset_opzioni p.playContent { line-height:80px; }
	ul.reduced li { padding:10px;/*0px 5px 0px 5px;*/ }

/* Drag&Drop */

	table.dragArea { width:200px; }
	table.dragArea .dragmatch { min-height:30px; }
	#dropImage { position:relative;display:block;margin:0;padding:0;border:0; }
	#dropImage img { display:block;margin:0;border:0; }
	.dropArea { position:absolute;display:block;margin:0;padding:0;border:1px solid #666;background-color:#FFF;border-radius:5px;moz-border-radius:5px;webkit-border-radius:5px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; }
	.dropArea_giusto { position:absolute;display:block;margin:0;padding:0;border:1px solid green;color:green;background-color:#FFF;border-radius:5px;moz-border-radius:5px;webkit-border-radius:5px;text-align:center;background-image:url(../img/icona_ok.png);background-position:right top;background-repeat:no-repeat; }
	.dropArea_sbagliato { position:absolute;display:block;margin:0;padding:0;border:1px solid #F00;color:#F00;background-color:#FFF;border-radius:5px;moz-border-radius:5px;webkit-border-radius:5px;text-align:center;background-image:url(../img/icona_not_ok.png);background-position:right top;background-repeat:no-repeat; }
	.dropped { display:block;background-color:#E9F7FA;padding:0 0 0 0;cursor:move;z-index:100;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; border: 1px solid #16A0C8;text-align:center; }

	#player_contenuto #dropImage input.dropArea, #player_contenuto #dropImage input.dropArea_giusto, #player_contenuto #dropImage input.dropArea_sbagliato { position:absolute;display:block;margin:0;color:#000; }

/* Sequenza Drag&Drop testuali */

	.testoDD .giusto { border:1px solid green;padding:2px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;line-height:26px; }

/* Completamento in tabella */

	#player_testo_domanda table, #asset_testo table, #testoDD table, .testoDD table { table-layout:fixed;width:100%;margin-top:50px; }
	#player_testo_domanda table td, #asset_testo table td, #testoDD table td, .testoDD table td { padding:5px;border:1px solid #CCC; }

/* Resize Drag&Drop */

	#player_contenuto #area_interazione #assetContainer { display_block;margin:0;padding:0;border:0; }
	#player_contenuto #area_interazione #assetContainer #dragListContainer { width:182px;border:0; }