@charset "UTF-8";

/* TODO: Rimuovere tutti gil ul.elenco_altro, ecc. */


/*.table_value {
	width: auto;
}*/

.dettaglio {
	font-weight: bold;
}

.todo {
	border: 1px dashed gray;
	text-align: center;
	border-radius: 5px;
	margin: 10px;
	clear: none;
	float: left;
}

.rientro_da_ricerca {
	background-image: url("icons/up.png");
	background-position: 8px center;
	padding: 5px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 5px;
	border: 1px solid transparent;
	cursor: pointer;
	float: left;
	clear: both;
}
.rientro_da_ricerca:hover {
	border-color: black;
	-webkit-box-shadow: 5px 5px 6px gray;
	-moz-box-shadow: 5px 5px 6px gray;
	box-shadow: 5px 5px 6px gray;
	border-radius: 7px;
	/*background-color: #f6ebe7;*/
	background-color: white;
}

.rientro_gioco_precedente {
	background-image: url("icons/back.png");
	background-position: 8px center;
	padding: 5px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 5px;
	border: 1px solid transparent;
	cursor: pointer;
	float: left;
	clear: both;
}
.rientro_gioco_precedente:hover {
	border-color: black;
	-webkit-box-shadow: 5px 5px 6px gray;
	-moz-box-shadow: 5px 5px 6px gray;
	box-shadow: 5px 5px 6px gray;
	border-radius: 7px;
	/*background-color: #f6ebe7;*/
	background-color: white;
}

.condividi_pagina {
	background-image: url("icons/condivisione.png");
	background-position: 8px center;
	padding: 5px;
	padding-left: 30px;
	padding-right: 30px;
	margin: 5px;
	border: 1px solid transparent;
	cursor: default;
	float: left;
	clear: both;
	font-family: arial;
	font-size: 90%;
	font-variant: small-caps;
}


.dettaglio_gioco {
	float: left;
	margin-top: 10px;
}

.quadri {
	float: left;
	width: 100%;
	height: auto;
}


/* GRIGLIA DATI STORICO */
.dettaglio_storico {
	float: left;
	width: auto;
	min-width: 300px;
	padding-left: 0px;
	margin-left: 0px;
}
.storico_date {
	color: gray;
	font-size: 75%;
	font-style: italic;
}
#griglia_storico .input_grid_column_version {
	min-width: 150px;
	/*text-align: center;*/
}
/*#griglia_storico .input_grid_column_name {
	min-width: 300px;
	font-size: 90%;
}*/
#griglia_storico .input_grid_column_changes {
	min-width: 150px;
	width: 90%;
	font-size: 75%;
}
/*#griglia_storico .input_grid_column.input_grid_data {
	min-height: 1.4em;
	line-height: 1.4em;
}
#griglia_storico .input_grid_column_link a.input_link {
	line-height: 1em;
}*/
.changes_title {
	color: gray;
}
.changes_value {
	color: black;
}


/* GRIGLIA DATI SERIE */
.dettaglio_serie {
	float: left;
	min-width: 50em;
	width: auto;
}
#griglia_serie .input_grid_column_rom {
	min-width: 150px;
	font-size: 90%;
	vertical-align: middle;
}
#griglia_serie .input_grid_column_rom.input_grid_data {
	font-family: monospace;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}
#griglia_serie .input_grid_column_name {
	min-width: 500px;
	width: 90%;
	font-size: 90%;
}
#griglia_serie .input_grid_column_link {
	min-width: 6em;
	font-size: 90%;
	white-space: nowrap;
}
#griglia_serie .input_grid_column.input_grid_data {
	min-height: 1.4em;
	line-height: 1.4em;
}
#griglia_serie .input_grid_column_link a.input_link {
	line-height: 1em;
}
.dettaglio_serie_titolo {
	text-align: right;
}
.dettaglio_serie_caption {
	font-variant: small-caps;
	font-size: 90%;
	padding-right: 20px;	
}
img.game_icon {
	width: 24px;
	height: 24px;
	padding-right: 5px;
	border: none;
	vertical-align: bottom;
}
span.game_icon {
	vertical-align: text-bottom;
}



/* GRIGLIA DATI CLONI */
.dettaglio_cloni,
.dettaglio_cloni_simili,
.dettaglio_sistemi {
	float: left;
	min-width: 20em;
	width: auto;
}
#griglia_cloni .input_grid_column_rom,
#griglia_cloni_simili .input_grid_column_rom {
	min-width: 150px;
	font-size: 90%;
	vertical-align: middle;
}
#griglia_sistemi .input_grid_column_rom {
	min-width: 230px;
}
#griglia_cloni .input_grid_column_rom.input_grid_data,
#griglia_cloni_simili .input_grid_column_rom.input_grid_data,
#griglia_sistemi .input_grid_column_rom.input_grid_data {
	font-family: monospace;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}
#griglia_cloni .input_grid_column_name,
#griglia_cloni_simili .input_grid_column_name,
#griglia_sistemi .input_grid_column_name {
	min-width: 200px;
	width: 90%;
	font-size: 90%;
}
#griglia_cloni .input_grid_column_link,
#griglia_cloni_simili .input_grid_column_link,
#griglia_sistemi .input_grid_column_link {
	min-width: 150px;
	font-size: 90%;
	white-space: nowrap;
}
#griglia_cloni .input_grid_column.input_grid_data,
#griglia_cloni_simili .input_grid_column.input_grid_data,
#griglia_sistemi .input_grid_column.input_grid_data {
	min-height: 1.4em;
	line-height: 1.4em;
}
#griglia_cloni .input_grid_column_link a.input_link,
#griglia_cloni_simili .input_grid_column_link a.input_link,
#griglia_sistemi .input_grid_column_link a.input_link {
	line-height: 1em;
}
@media (max-width: 1024px) {
	#griglia_cloni .input_grid_column_name,
	#griglia_cloni_simili .input_grid_column_name,
	#griglia_sistemi .input_grid_column_name {
		min-width: 200px;
		max-width: 200px;
		width: 200px;
	}
}
@media (max-width: 600px) {
	#griglia_cloni .input_grid_column_link.input_grid_header,
	#griglia_cloni_simili .input_grid_column_link.input_grid_header,
	#griglia_sistemi .input_grid_column_link.input_grid_header,
	#griglia_cloni .input_grid_column_name.input_grid_header,
	#griglia_cloni_simili .input_grid_column_name.input_grid_header,
	#griglia_sistemi .input_grid_column_name.input_grid_header {
		display: none;
	}
	#griglia_cloni .input_grid_column_rom,
	#griglia_cloni_simili .input_grid_column_rom,
	#griglia_sistemi .input_grid_column_rom,
	#griglia_cloni .input_grid_column_name,
	#griglia_cloni_simili .input_grid_column_name,
	#griglia_sistemi .input_grid_column_name {
		float: left;
		clear: both;
	}
	#griglia_cloni .input_grid_column_link,
	#griglia_cloni_simili .input_grid_column_link,
	#griglia_sistemi .input_grid_column_link {
		float: right;
		clear: both;
	}
}


/* GRIGLIA DATI VIDEOSNAPS */
/* data|Data|emulatore|Emulatore|autore|Autore|stato|Stato|note|Note */
.dettaglio_videosnaps {
	float: left;
	min-width: 50em;
	width: auto;
}
#griglia_videosnaps .input_grid_column_data {
	min-width: 150px;
	font-size: 90%;
	vertical-align: middle;
	text-align: center;
}
#griglia_videosnaps .input_grid_column_sistema {
	min-width: 150px;
	font-size: 90%;
	/*white-space: nowrap;*/
}
#griglia_videosnaps .input_grid_column_emulatore {
	min-width: 150px;
	font-size: 90%;
	/*white-space: nowrap;*/
}
#griglia_videosnaps .input_grid_column_autore {
	min-width: 150px;
	font-size: 90%;
	/*white-space: nowrap;*/
}
#griglia_videosnaps .input_grid_column_stato {
	min-width: 150px;
	font-size: 90%;
	/*white-space: nowrap;*/
	text-align: center;
}
#griglia_videosnaps .input_grid_data.input_grid_column_stato {
	text-transform: uppercase;
	font-family: monospace;
	font-weight: bold;
}
#griglia_videosnaps .input_grid_column_note {
	min-width: 300px;
	width: 90%;
	font-size: 90%;
}

@media (max-width: 1600px) {
	#griglia_videosnaps .input_grid_column_note {
		display: none;
	}
	.dettaglio_videosnaps {
		min-width: 10em;
	}
}
@media (max-width: 1200px) {
	#griglia_videosnaps .input_grid_column_sistema, 
	#griglia_videosnaps .input_grid_column_stato {
		display: none;
	}
	.dettaglio_videosnaps {
		min-width: 10em;
	}
}
@media (max-width: 600px) {
	#griglia_videosnaps .input_grid_column_data,
	#griglia_videosnaps .input_grid_column_emulatore {
		display: none;
	}
}




/* GRIGLIA DATI BIOS */
/*.dettaglio_bios {
	float: left;
	min-width: 50em;
	width: auto;
}
#griglia_bios .input_grid_column_rom {
	min-width: 150px;
	font-size: 90%;
	vertical-align: middle;
}
#griglia_bios .input_grid_column_rom.input_grid_data {
	font-family: monospace;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}
#griglia_bios .input_grid_column_name {
	min-width: 500px;
	width: 90%;
	font-size: 90%;
}
#griglia_bios .input_grid_column_link {
	min-width: 6em;
	font-size: 90%;
}
#griglia_bios .input_grid_column.input_grid_data {
	min-height: 1.4em;
	line-height: 1.4em;
}
#griglia_bios .input_grid_column_link a.input_link {
	line-height: 1em;
}
.dettaglio_bios_titolo {
	text-align: right;
}
.dettaglio_bios_caption {
	font-variant: small-caps;
	font-size: 90%;
	padding-right: 20px;	
}*/


/* OPZIONI DEI DIPSWICH */
/*ul.dipswitch_option {
	list-style: none;
	padding: 5px;	
	margin: 5px;
	float: left;
	font-variant: small-caps;
	text-align: right;
	clear: both;
}
li.dipswitch_option {
	float: left;
	clear: both;
	text-align: right;
}
li.dipswitch_option span {
	margin-right: 10px;
	float: left;
	width: 15em;
	font-size: 90%;
	margin-top: 5px;
	font-weight: bold;
}
ul.dipswitch_value {
	list-style: none;
	padding: 2px;	
	margin: 2px;
	float: left;
	width: auto;
	max-width: 75%;
}
li.dipswitch_value {
	border: 1px dotted #bdbdbd;
	float: left;
	padding: 1px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 90%;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 45em;
	cursor: pointer;
	font-variant: normal;
}
li.dipswitch_value.dipswitch_default {
	color: black;
	border: 1px dotted black;
	font-style: italic;
	font-weight: bold;
}
li.dipswitch_value.dipswitch_value_set {
	border: 1px solid black;
	background-color: #ffffb7;
}
li.dipswitch_value:hover {
	border: 1px solid black;
	background-color: white;
	color: black;
}
*/

/* DISEGNO DEI DIPSWICH */
/*ul.dipswitch_draw {
	list-style: none;
	padding: 20px;
	float: left;
	clear: both;
	margin-left: 8em;
}
li.dipswitch_draw {
	padding: 1px;
	float: left;
	clear: both;
}
.dipswitch_title {
	font-weight: bold;
	float: left;
	font-size: 110%;
	font-variant: small-caps;
	width: 6em;
	text-align: right;
	margin-right: 20px;
	height: 60px;
	line-height: 60px;
}
ul.dipswitch_draw_element {
	list-style: none;
	padding: 5px;
	float: left;	
	background-color: #76b976;
	vertical-align: middle;
}
ul.dipswitch_draw_element.dipswitch_hover {
	background-color: green !important;
}
li.dipswitch_draw_element {
	border: 1px solid lightgray;
	padding: 1px;
	float: left;
}
div.dipswitch_draw_zero {
	background-color: transparent;
	width: 25px;
	height: 25px;
}
div.dipswitch_draw_uno {
	background-color: transparent;
	width: 25px;
	height: 25px;
}
div.dipswitch_draw_zero.dipswitch_value_set {
	background-color: white;
	background-image: url("icons/dipswitch_up2.png");
	background-position: center center;
}
div.dipswitch_draw_uno.dipswitch_value_set {
	background-color: white;
	background-image: url("icons/dipswitch_down2.png");
	background-position: center center;
}
div.dipswitch_draw_uno.dipswitch_not_used,
div.dipswitch_draw_zero.dipswitch_not_used {
	background-color: transparent;
	background-image: none;
}
li.dipswitch_draw_element.dipswitch_hover {
	background-color: red !important;
}
li.dipswitch_draw_element.dipswitch_hover div.dipswitch_draw_zero.dipswitch_value_set {
	background-image: url("icons/dipswitch_up.png") !important;
}
li.dipswitch_draw_element.dipswitch_hover div.dipswitch_draw_uno.dipswitch_value_set {
	background-image: url("icons/dipswitch_down.png") !important;
}
.contenuto_dipswitches {
	min-width: 30em;
}
.contenuto_dipswitches > span {
	font-style: italic;
	margin-left: 40px;
	color: gray;
}
.dipswitches_notes,
.software_lists_notes {
	font-style: italic;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 10px;
	float: right;
	clear: both;
	font-size: 80%;
	color: gray;
}
*/






/* OPZIONI DEI BIOS SET */
/*.contenuto_biossets {
	min-width: 30em;
}
.bios_name {
	font-size: 90%;
	font-variant: small-caps;
	font-weight: bold;
	width: 10em;
}
.bios_description {
	font-size: 90%;
	font-style: italic;
}
li.bios_default > .bios_description {
	font-weight: bold;
}
.biossets_notes {
	font-style: italic;
	padding-right: 10px;
	padding-left: 20px;
	float: right;
	clear: both;
	font-size: 80%;
	color: gray;
}
*/


.dati_aggiuntivi {
	border: 1px solid gray;
	border-radius: 10px;
	display: block;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	max-width: 65em;
	min-width: 15em;
	width: auto;
	margin-bottom: 20px;
}
.dati_aggiuntivi:hover {
	-webkit-box-shadow: 5px 5px 6px gray;
	-moz-box-shadow: 5px 5px 6px gray;
	box-shadow: 5px 5px 6px gray;
	border-color: black;
}
.dati_aggiuntivi > ul {
	list-style: none;
	padding: 5px;	
	margin: 5px;
	float: left;
	text-align: left;
	clear: both;
}
.dati_aggiuntivi > ul > li {
	float: left;
	clear: both;
}
.dati_aggiuntivi > li span {
	margin-right: 10px;
	float: left;
}

/* OPZIONI DEI CHEATS */
/*.contenuto_cheats {
	min-width: 30em;
}
.cheat_description {
	font-size: 90%;
	font-variant: small-caps;
	font-weight: bold;
	width: 20em;
	float: left;
}
.cheat_description.separator {
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
}
.cheat_values {
	font-size: 90%;
	font-style: italic;
	max-width: 49em;
	text-align: left;
	float: left;
}
.cheat_comment {
	clear: both;
	text-align: justify;
	padding-left: 23em;
	font-size: 80%;
	font-style: italic;
	color: #777777;
	float: left;
	float: left;
}
.cheats_notes {
	font-style: italic;
	padding-right: 10px;
	padding-left: 20px;
	float: right;
	clear: both;
	font-size: 80%;
	color: gray;
}
*/






/* GRIGLIA DATI ROMS */
#griglia_roms .input_grid_column_name {
	min-width: 150px;
	font-size: 90%;
}
.dimensione_bytes {
	font-size: 80%;
	font-style: italic;
	color: gray;
}
#griglia_roms .input_grid_column_size {
	min-width: 90px;
	font-size: 90%;
	text-align: right;
}
#griglia_roms .input_grid_column_bios {
	min-width: 100px;
	font-size: 90%;
}
#griglia_roms .input_grid_column_status {
	min-width: 90px;
	font-size: 90%;
	text-align: center;
}
#griglia_roms .input_grid_column_merge {
	min-width: 150px;
	font-size: 90%;
}
#griglia_roms .input_grid_column_region {
	min-width: 90px;
	font-size: 90%;
}
#griglia_roms .input_grid_column_offset {
	min-width: 90px;
	font-size: 90%;
	text-align: right;
}
#griglia_roms .input_grid_column_optional {
	min-width: 60px;
	font-size: 90%;
	text-align: center;
}
#griglia_roms .input_grid_column_crc {
	min-width: 200px;
	width: 30%;
}
#griglia_roms .input_grid_data .input_grid_column_crc {
	font-size: 60%;
}
.dettaglio_roms_caption {
	font-variant: small-caps;
	font-size: 90%;
	padding-right: 20px;	
}



/* MEDIA */
.quadro_immagine {
	margin: 10px;
	float: left;
	border: 1px solid gray;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 6px gray;
	-moz-box-shadow: 5px 5px 6px gray;
	box-shadow: 5px 5px 6px gray;
	
	height: 350px;
	width: 500px;
	overflow: hidden;
}
.quadro_immagine>img {
	min-height: 350px;
	min-width: 500px;
	position: relative;
	margin-top: -28px;
}
.quadro_immagine:hover {
	border: 1px solid black;
	-webkit-box-shadow: 5px 5px 10px black;
	-moz-box-shadow: 5px 5px 10px black;
	box-shadow: 5px 5px 10px black;
}
.loading_image {
	background-image: url("../core/css/images/loading2.gif");
	background-position: center center;
	background-repeat: no-repeat;
}
div.elenco_anteprime {
	min-width: 30em;
	text-align: center;
	margin-left: 20px;
	float: left;
	clear: none;
	margin: 10px;
	margin-left: 20px;
}
.media_archivio {
	float: left;
	clear: both;
	font-variant: small-caps;
	font-size: 100%;
	margin-left: 17px;
}
.image_operations {
	border: 1px solid transparent;
	background-color: transparent;
	border-radius: 3px;
	/*position: absolute;
	margin-top: 300px;
	margin-left: 400px;*/
	/*margin-left: 400px;
	margin-top: -65px;*/
	
	left: 400px;
	top: 310px;
	position: relative;
	
	height: 26px;
	overflow: hidden;
	-khtml-opacity: 0.0;
	  -moz-opacity: 0.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	       opacity: 0.0;
	        filter: alpha(opacity=0);
	transition: opacity 0.5s linear;
	z-index: 5;
}
.quadro_immagine:hover .image_operations {
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
} 
.image_large_open {
	border-radius: 3px;
	border: 1px solid black;
	background: url("../core/css/icons/link_external.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-color: lightgray;
	width: 28px;
	height: 24px;
	float: left;
	cursor: pointer;
}
.image_large_open:hover,
.image_large_remove:hover {
	background-color: white;
}
.image_large_remove {
	border-radius: 3px;
	border: 1px solid black;
	background: url("../core/css/icons/delete.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-color: lightgray;
	width: 28px;
	height: 24px;
	float: left;
	cursor: pointer;
	margin-left: 20px;
}
/*.image_oper_open {
	background: url("../core/css/icons/save.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	width: 28px;
	height: 24px;
	float: left;
	cursor: pointer;
}
.image_oper_slideshow {
	background: url("../core/css/icons/save.png");
	background-position: 5px center;
	background-repeat: no-repeat;
	width: 28px;
	height: 24px;
	float: left;
	cursor: pointer;
}
*/

.link_media {
	float: left;
	clear: both;
	/*font-variant: small-caps;*/
	font-size: 95% !important;
	margin-left: 3em;
}
.link_media .input_expander > a {
	font-size: 95% !important;
}
/*.link_media a {
	font-size: 95% !important;
}*/

/* MEDIA / IMMAGINI */
ul.elenco_immagini {
	min-width: 10em;
	max-width: 50em;
	max-height: 30em;
	overflow-y: auto;
	float: left;
	clear: both;
}
ul.elenco_immagini>li {
	float: left;
	height: auto;
	list-style-type: none;
	margin: 1px;
}
ul.elenco_immagini>li span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: arial;
	font-size: 60%;
	float: left;
	clear: both;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 94px;
	color: black;
}
ul.elenco_immagini>li.cursor_pointer:hover span {
	background-color: #600000 !important;
	color: white;
	font-weight: bold;
}
ul.elenco_immagini>li.cursor_pointer.selected span {
	background-color: #904D4D;
	color: white;
	font-weight: bold;
}
ul.elenco_immagini>li.updated {
	border-color: red !important;
	opacity: 1;
	background-color: white;
}
ul.elenco_immagini>li:hover span {
	background-color: darkgray;
	color: white;
	font-weight: bold;
}
ul.elenco_immagini>li>div {
	width: 102px;
	height: 75px;
	margin: 1px;
	float: left;
	overflow: hidden;
}
ul.elenco_immagini>li>div>img {
	/*border-radius: 2px;*/
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	min-width: 60px;
	height: 100%;
}
ul.elenco_immagini>li {
		-khtml-opacity: 0.60;
	  -moz-opacity: 0.60;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	       opacity: 0.60;
	        filter: alpha(opacity=60);
	border: 2px solid transparent;
}
ul.elenco_immagini>li:hover {
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
	border-color: #600000 !important;
	border-radius: 5px;
}
ul.elenco_immagini>li.selected {
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
	border-color: #904D4D;
	border-radius: 5px;
}


/* MEDIA / VIDEO */
ul.elenco_video {
	min-width: 10em;
	max-width: 50em;
	max-height: 30em;
	overflow-y: auto;
	float: left;
	clear: both;
}
ul.elenco_video>li {
	float: left;
	height: auto;
	list-style-type: none;
	margin: 1px;
}
ul.elenco_video>li span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: arial;
	font-size: 60%;
	float: left;
	clear: both;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	margin-left: 2px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	width: 140px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
ul.elenco_video>li.cursor_pointer:hover span {
	background-color: blue;
	color: white;
	font-weight: bold;
}
ul.elenco_video>li:hover span {
	background-color: darkgray;
	color: white;
	font-weight: bold;
}
ul.elenco_video>li>div {
	min-width: 150px;
	min-height: 30px;
	margin: 2px;
	float: left;
	overflow: hidden;
	font-family: Arial;
	font-size: 85%;
	font-variant: small-caps;
}
ul.elenco_video>li>div>img {
	border-radius: 2px;
	min-width: 60px;
	height: 100%;
	width: 100%;
}
/* TODO */
.media_video,
.media_video_youtube,
.media_video_dailymotion {
	display: block;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-image: url("icons/media_video.png");
	background-position: center center;
}
.media_video_youtube {
	background-image: url("icons/media_video_youtube.png");
}
.media_video_dailymotion {
	background-image: url("icons/media_video_dailymotion.png");
}
ul>li.elenco_video {
	-khtml-opacity: 0.80;
	  -moz-opacity: 0.80;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	       opacity: 0.80;
	        filter: alpha(opacity=80);
}
ul>li.elenco_video:hover {
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
}

video {
	width: 100%; 
	height: auto; 
}

/* MEDIA / ALTRO */
/*ul.elenco_altro {
	min-width: 10em;
	max-width: 50em;
	max-height: 30em;
	overflow-y: auto;
	float: left;
	clear: both;
}
ul.elenco_altro>li {
	float: left;
	height: auto;
	list-style-type: none;
	margin: 1px;
}
ul.elenco_altro>li span {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: arial;
	font-size: 60%;
	float: left;
	clear: both;
	height: 1.5em;
	line-height: 1.5em;
	text-align: center;
	margin-left: 2px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	width: 140px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
ul.elenco_altro>li.cursor_pointer:hover span {
	background-color: blue;
	color: white;
	font-weight: bold;
}
ul.elenco_altro>li:hover span {
	background-color: darkgray;
	color: white;
	font-weight: bold;
}
ul.elenco_altro>li>div {
	width: 150px;
	height: 30px;
	margin: 2px;
	float: left;
	overflow: hidden;
}*/
ul.elenco_altro>li>div>img {
	border-radius: 2px;
	min-width: 60px;
	height: 100%;
	width: 100%;
}
ul.elenco_altro>li {
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
}
ul.elenco_altro>li:hover {
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
}

li.mostra_archivio a {
	background-image: url("images/mostra_archivio.png");
	background-position: center 18px;
	border-radius: 2px;
	min-width: 60px;
	width: 102px;
	height: 91px;
	margin: 0px;
	float: left;
	overflow: hidden;
	vertical-align: middle;
}
ul.elenco_immagini>li.mostra_archivio span {
	margin-top: 77px;
	vertical-align: bottom;
}




/* EXTRA: HISTORY ITA/ENG, STORY */
#tab {
	margin-top: 1em;
	margin-bottom: 1em;
	min-width: 550px;
	max-width: 90%;
	width: auto;
}
#tab > ul.page_tab_panel {
	width: auto;
	min-width: 550px;
	max-width: 97%;
}
@media (max-width: 600px) {
	#tab {
		min-width: 300px;
	}
	#tab > ul.page_tab_panel {
		min-width: 300px;
	}
}
.extra_info_detail {
	white-space: normal;
	font-size: 85%;
	height: 500px;
	width: 100%;
	overflow: auto;
}
/*.messscore_detail {
	font-family: "Courier", monospace;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 110%;
}
.pcbinfo_detail {
	font-family: "Courier", monospace;
	font-weight: bold;
	font-size: 100%;
	overflow: auto;
	letter-spacing: 0px;
	line-height: 0.8em;
}*/
.messxml_detail {
	/*font-family: "Courier", monospace;*/
	font-weight: normal;
	font-size: 90%;
	overflow: auto;
	letter-spacing: 0px;
	line-height: 1em;
}
.messxml_version_combobox {
	display: inline-block;
	width: auto;
}
.messxml_download {
	display: inline-block;
	width: auto;
	margin-left: 10px;
}
.messxml_version_combobox select.input_combo {
	max-width: unset;
}

.extra_info_note {
	white-space: normal;
	font-size: 80%;
	color: gray;
	margin-top: 10px;
}



/* POPUP */
/*#proponi_media > .page_popup_detail {
	max-width: 40em;
}*/
div.proposta_media {
	white-space: normal;
	margin: 5px;
}
/*#proponi_gameinit > .page_popup_detail {
	max-width: 40em;
}*/
.proposta_gameinit {
	white-space: normal;
	margin: 5px;
}
.proposta_gameinit_intro {
	font-size: 80%;
	text-align: justify;
}
/*#invio_segnalazione > .page_popup_detail {
	max-width: 40em;
}*/
div.invio_segnalazione {
	white-space: normal;
	margin: 5px;
}




/* Altri link */
ul.altri_link {
	
}
ul.altri_link>li {
	list-style-type: none;
}

ul.link_utili>li {
	list-style-type: disc;
	margin-left: 1.5em;
	margin-right: 1em;
	padding-left: 0.4em;
}
ul.link_utili a {
	font-size: 100% !important;
}

#tab_link_utili > ul.page_tab_panel {
	min-width: 500px;
}


.mame_driver_titolo {
	width: 100%;
	text-align: center;
	border-bottom: 2px solid gray;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 5px;
	color: #600000;
}
.mame_driver_footer {
	border-top: 2px solid gray;
	padding-top: 5px;
	color: #600000;
	width: 100%;
	font-weight: bold;
	font-style: italic;
}



.software_list_count {
	font-size: 90%;
	color: gray;
	font-style: italic;
	margin-left: 5px;
}


.dettaglio_liste_utente_gioco {
	max-height: 400px;
}
.titolo_liste_utente_gioco {
	width: 100%;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
	font-style: italic;
	color: #600000;
	padding-top: 5px;
	padding-bottom: 5px;
}
ul.liste_utente_gioco {
	list-style-type: none;
}
li.liste_utente_gioco {

}
li.liste_utente_gioco a.not_selected {
	padding-left: 25px;
	background-image: url("icons/lista_non_presente.png");
	background-position: left center;
}
li.liste_utente_gioco a.selected {
	padding-left: 25px;
	background-image: url("icons/lista_presente.png");
	background-position: left center;
}



.unita_misura {
	text-align: right;
	margin-right: 20px;
}
.size_standard {
	display: none;
}
.size_binary {
	display: block; 
}


.bacheca_record {
	border: none;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 7px;
	float: left;
	clear: both;
}
.bacheca_record:hover {
}


.tipo_rom {
	background-color: #4d0000;
	color: white;
	border: 1px solid gray;
	border-radius: 6px;
	font-family: monospace;
	font-size: 110%;
	letter-spacing: 1px;
	margin-right: 5px;
	padding: 2px 8px;
	cursor: help;
	box-shadow: 2px 2px 3px gray;
	line-height: 2.2em;
}
.tipo_rom.disabled {
	background-color: lightgray;
	color: black;
	font-weight: normal;
	box-shadow: 2px 2px 3px gray;
	-khtml-opacity: 0.80;
	  -moz-opacity: 0.80;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	       opacity: 0.80;
	        filter: alpha(opacity=80);
}
.tipo_rom:hover {
	border-color: black;
	-khtml-opacity: 1.0;
	  -moz-opacity: 1.0;
	    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	       opacity: 1.0;
	        filter: alpha(opacity=100);
}





/* GRIGLIA DATI SISTEMI */
/*.dettaglio_sistemi {
	float: left;
	min-width: 50em;
	width: auto;
}
#griglia_sistemi .input_grid_column_rom {
	min-width: 150px;
	font-size: 90%;
	vertical-align: middle;
}
#griglia_sistemi .input_grid_column_rom.input_grid_data {
	font-family: monospace;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 100%;
}
#griglia_sistemi .input_grid_column_name {
	min-width: 500px;
	width: 90%;
	font-size: 90%;
}
#griglia_sistemi .input_grid_column_link {
	min-width: 6em;
	font-size: 90%;
	white-space: nowrap;
}
#griglia_sistemi .input_grid_column_link a.input_link {
	line-height: 1em;
}
*/




.stato_scheda {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 40px !important;
	padding-right: 20px !important;
	font-variant: small-caps;
	font-weight: bold;
	height: 2em;
}
input[type='checkbox'].stato_scheda {
	visibility: hidden;
}

input+label.stato_scheda {
	background-image: url("icons/scheda_ko.png") !important;
	background-position: 18px center;
	background-repeat: no-repeat;
	color: darkred;
	background-color: #FFB8B8;
	border-color: darkred;
	padding-top: 5px;
	padding-bottom: 5px;
}
input:checked+label.stato_scheda {
	background-image: url("icons/scheda_ok.png") !important;
	color: darkgreen;
	background-color: lightgreen;
	border-color: darkgreen;
}




.quadro_dettaglio_stato {
	float: left;
	clear: both;
		
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 50px !important;
	padding-right: 20px !important;
	padding-top: 5px;
	padding-bottom: 5px;
	font-variant: small-caps;
	font-family: arial;
	font-size: 100%;
	font-weight: bold;
	height: 1.5em;
	line-height: 1.5em;
	
	background-image: url("../core/css/icons/warning2_small.png") !important;
	background-position: 18px center;
	background-repeat: no-repeat;
	color: darkred;
	/*background-color: #FFB8B8;*/
	border-color: darkred;
	border-radius: 10px;
	cursor: default;
}



ul.playonline > li {
	float: left;
	height: auto;
	list-style-type: none;
	margin: 1px;
}
ul.playonline > li a.input_link {
	border-radius: 7px;
	background-image: url("icons/playonline.png") !important;
	background-position: 15px center;
	background-repeat: no-repeat;
	text-decoration: none !important;
	border-bottom: inherit;
	padding-left: 60px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: 1px solid transparent;
	font-family: arial;
	font-size: 100%;
	font-variant: small-caps;
	color: black;
	line-height: 50px;
}
ul.playonline > li a.input_link:hover {
	background-color: white;
	text-decoration: none !important;
	border-bottom: inherit;
	border: 1px solid black;
	-webkit-box-shadow: 5px 5px 6px gray;
	-moz-box-shadow: 5px 5px 6px gray;
	box-shadow: 5px 5px 6px gray;
}





/* RIQUADRO MODIFICA LINKS - SOLO ADMIN */
.links_titolo {
	float: left;
	clear: both;
	font-size: 90%;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	padding: 5px;
	padding-top: 10px;
	padding-left: 80px;
	margin-top: 10px;
	width: 100%;
}
.links_row {
	float: left;
	clear: both;
	width: 100%;
}
.links_caption {
	float: left;
	clear: none;
	width: 70px;
	font-style: italic;
	font-variant: small-caps;
	font-size: 90%;
	text-align: right;
	vertical-align: middle;
	line-height: 2em;
	height: 2em;
	margin-right: 5px;
}
.link_separator {
	float: left;
	clear: both;
	padding: 5px;
	padding-top: 0px;
	/*padding-left: 80px;
	margin-left: 80px;*/
	width: 100%;
	height: 5px;
	border-bottom: 1px solid gray;
}
.links_table {
	display: inline-block;
}


/* SEZIONE A COLONNE */
.due_colonne {
	float: left;
	clear: both;
	width: 100%;
}
.colonna_unica { 
	width: 100%;
	float: left; 
}
.colonna_destra {
	width: 50%;
	float: left;
	clear: right;
	/*background-color: yellow;*/
}
.colonna_sinistra {
	width: 50%;
	float: left;
	clear: left;
	/*background-color: coral;*/
}
@media (max-width: 1400px) {
	.colonna_destra,
	.colonna_sinistra {
		width: 100%;
		clear: both;
	}
}
.titolo_sezione {
	color: darkred;
	float: left;
	font-family: "Arcade Interlaced";
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	font-variant: small-caps;
	border-radius: 5px;
	text-align: left;
	vertical-align: bottom;
	text-shadow: 3px 3px 5px gray;
	text-transform: uppercase;
	letter-spacing: 0px;
	cursor: default;
	padding: 10px;
	margin-top: 30px;
	margin-bottom: 5px;
}

.sezione_generale,
.sezione_classifiche,
.sezione_files,
.sezione_input,
.sezione_romset,
.sezione_video,
.sezione_audio,
.sezione_extra,
.sezione_stato {
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 50px;
}

.sezione_classifiche { background-image: url("icons/sezione_classifiche.png"); }
.sezione_generale    { background-image: url("icons/sezione_generale.png");    }
.sezione_files       { background-image: url("icons/sezione_files.png");       }
.sezione_input       { background-image: url("icons/sezione_input.png");       }
.sezione_romset      { background-image: url("icons/sezione_romset.png");      }
.sezione_video       { background-image: url("icons/sezione_video.png");       }
.sezione_audio       { background-image: url("icons/sezione_audio.png");       }
.sezione_extra       { background-image: url("icons/sezione_extra.png");       }
.sezione_stato       { background-image: url("icons/sezione_stato.png");       }

.griglia_roms_txt {
	border: 1px solid darkgray;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
}
#griglia_roms_txt_text {
	white-space: pre;
	font-family: "courier new", courier, monospaced;
	font-size: 90%;
}
.griglia_roms_csv {
	border: 1px solid darkgray;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
}
#griglia_roms_csv_text {
	white-space: pre;
	font-family: "courier new", courier, monospaced;
	font-size: 90%;
}