/*##########################################
Name: Stile MMtv v.2.0
Author: Matrix Media srl
##########################################*/

/**************************/
/* *** STILI dei TAG ***  */
/**************************/
html, body {
 padding: 0;
 margin: 0px auto;
 height: 100%;
 background-color: #EAEAEA;
}

body>div#container{
	height: auto;
}

/* stile di base della pagina */
body, td, div, ul, button, textarea, input, select {
	font:	normal 12px Calibri, Arial, sans-serif;
	color:	#333333;
}
a {
	text-decoration:	none;
	color:				#4d4d4d;
}
hr {
	background-color:	#cfcfcf;
	height:				1px;
	margin:				10px 0;
	border:				0 none;
}

.bodyIndex {
	background-image: url(../images/imgindex/bg_index.jpg);
	background-repeat: no-repeat;
	background-color: #EAEAEA;
	margin-top: 10px;
}

/* stile di base di ogni immagine senza bordo */
img { border:0; background: trasparent; }
/* stile di base di ogni form senza bordo e margini */
form { margin: 0px auto; padding: 0px; }
textarea { overflow: auto; }
textarea { padding: .4em; border: 1px solid #DADADA; color:#333333; background: #FAFAFA; }
textarea.small-textarea { height: 3em; }
br { clear:left; }
input.inputText, select { padding: .2em; border: 1px solid #DADADA; color: #333333; background: #FAFAFA; height: 22px; }
input.inputText:focus, input.inputText:active, textarea:focus, textarea:active, select:focus, select:active { border: 1px solid #f3a251; background: #FFEDDC; }
/* niceform */
#formNspot { width: 600px; float: left; margin-left: 20px; }
#centro { padding : 10px; border: 0px; }
/* stile del testo didascalico */
.didaIndex { font-size: 10px; color: #FFFFFF; }
.dida { font-size: 9px; color: #666666; font-weight: normal; }

/* stile di base per ogni link */
a:link, a:visited{ text-decoration: none; color: #000000; }
a:hover, a:focus{ text-decoration: underline; }
a#linkbld{ font-weight: bold;}
/* stile di base per ogni link nelle td */
td a:link, td a:visited, td a:hover, td a:focus{ text-decoration: none; }

/*************************************/
/**** STILI PER PAGINA LISTA SPOT ****/
/*************************************/
table.listaspot{ width:100%; color:#333333; background:#FFFFFF;}
table.listaspot td{ padding: 2px;}
/* stile di base per ogni link */
table.listaspot a:link, table.listaspot a:visited{ text-decoration: none; color: #0066CC; }
table.listaspot a:hover, table.listaspot a:focus{ color: #FF9900; text-decoration: none; } /* rosso */

/*******************************/
/* *** STILI delle CLASSI ***  */
/*******************************/
.a_big {
	color: #333;
	display: inline;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 130%;
	margin-right: 11px;
}
.a_med {
	display: inline;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 110%;
	margin-right: 5px;
}
.a_small {
	display: inline;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 80%;
	margin-right: 5px;
}
/* titolo */
.testoVerdana { font: 12px Verdana, Arial, sans-serif; color: #3F3F3F;}
.testoGeorg { font: 12px Calibri, Arial, sans-serif; color: #3F3F3F; text-decoration: none; }
.testoBlu { font: 12px Calibri, Arial, sans-serif; color: #006699; text-decoration: none; }
.testo2 { line-height: 15px; color: #000000; text-decoration: none; }
/* stile del testo generico */
.text { color: #000000; text-decoration: none; }
/* stile del testo generico Index */
.text1 { font-size: 12px; color: #000000; text-decoration: none; }
/* stile del testo generico */
.text2 { font-size: 10px; font-weight: 600; color: #666666; text-decoration: none; }
/* stile del testo slogan della index */
.sloganIndex { font-size: 24px; color: #FFFFFF; text-decoration: none; }
/* stile del textbox */
.form100xTxt12 { color: #000000; background-color: #f7f7f7; border: thin solid #cccccc; width: 100%; }
/* messaggio verde di conferma */
.messaggio { color: #009900; font-weight: bold; text-align: center; }
label.req strong, .error { color:red; font-weight:bold; text-align: center; }
/* stile per frecce direzionali */
.frecce { cursor: pointer; font: 12px Calibri, Arial, sans-serif; color: #3F3F3F; text-decoration: none; }

/* stile del titolo */
.titolo{ background: #FF9900; font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 2px; }
.titoloRed { font-weight: bold; color: #CC0000; }

/* cella di colore bianco */
.box_spot { border: Solid 1px #000000; background: #FFFFFF; padding: 2px; }

.errorLogin { width: 400px; display: block; border: Solid 2px #FF0000; background: #FFFFFF; padding: 2px; }
/* box linguette cambia colore con mouse */
td.box_index_alto a { font-weight: bold; color: #FFFFFF; background: #999999; border-left: Solid 1px #000000; border-right: Solid 1px #000000; border-top: Solid 1px #000000; padding: 3px; }
td.box_index_alto a:hover { background: #CC0000; }
td.box_index_alto2 a { font-weight: bold; color: #FFFFFF; background: #CC0000; border-left: Solid 1px #000000; border-right: Solid 1px #000000; border-top: Solid 1px #000000; padding: 2px; }

/***************************/
/* *** STILI degli ID ***  */
/***************************/
/*-------------------------- HOME --------------------------*/
#tbCentrale { border: Solid 1px #000000; background: #FFFFFF; width: 100%; min-height: 620px; height: 620px; vertical-align: middle; }
#bottom { border: Solid 2px #656565; background: #3F3F3F; height: 40px; }

/******* TABELLA COLORI *******/
/* colore arancio - OSPITE */
.colArancio { color: #FF9900; }
/* colore azzurro - MATRIX */
.colAzzurro { color: #00CCFF; }
/* colore blu - MMTv ADVANCED */
.colBlu { color: #006699; }
/* colore fuxia */
.colFuxia { color: #FF00CC; }
/* colore giallo - SCAMBIO */
.colGiallo { color: #FAE600; }
/* colore giallo chiaro - ACCORDI LORO */
.colGialloC { color: #FFFFB3; }
/* colore grigio */
.colGrigio { color: #CCCCCC; }
/* colore grigio scuro */
.colGrigioS { color: #3A383A; }
/* colore marrone */
.colMarrone { color: #330000; }
/* colore rosa */
.colRosa { color: #CC6699; }
/* colore rosa chiaro chiaro */
.colRosaCC { color: #FFAEBA; }
/* colore rosso */
.colRosso { color: #FF0000; }
/* colore verde - A PAGAMENTO */
.colVerde { color: #009900; }
/* colore verde chiaro - ELITE */
.colVerdeC { color: #99CC00; }
/* colore verde chiaro chiaro */
.colVerdeCC { color: #E1F0B3; }
.colBianco { color: #FFFFFF; }

/* colore BIANCO */
.bgBianco { background-color: #FFFFFF; }
/* colore arancio - OSPITE */
.bgArancio { background-color: #FF9900; }
/* colore azzurro - MATRIX */
.bgAzzurro { background-color: #00CCFF; }
/* cella di colore blu - MMTv ADVANCED */
.bgBlu { background-color: #006699; }
/* colore fuxia */
.bgFuxia { background-color: #FF00CC; }
/* colore giallo - SCAMBIO */
.bgGiallo { background-color: #FAE600; }
/* colore giallo chiaro - ACCORDI LORO */
.bgGialloC { background-color: #FFFFB3; }
/* colore grigio */
.bgGrigioC { background-color: #f2f2f2; }
/* colore grigio */
.bgGrigio { background-color: #CCCCCC; }
/* colore grigio scuro */
.bgGrigioS { background-color: #3A383A; }
/* colore marrone */
.bgMarrone { background-color: #330000; }
/* colore rosa */
.bgRosa { background-color: #CC6699; }
/* colore rosa chiaro chiaro */
.bgRosaCC { background-color: #FFAEBA; }
/* colore rosso */
.bgRosso { background-color: #FF0000; }
/* colore verde - A PAGAMENTO */
.bgVerde { background-color: #009900; }
/* colore verde chiaro - ELITE */
.bgVerdeC { background-color: #99CC00; }
/* colore verde chiaro chiaro */
.bgVerdeCC { background-color: #E1F0B3; }

/*-------------------------- CENTRALE --------------------------*/
td#menualto {
 border-bottom: Solid 2px #656565;
 background: #DADADA url('../images/template/bg_menuB.jpg') left top repeat-x;
 height: 86px;
}
td#lato {
 border-bottom: Solid 1px #000000;
 background-color: #656565;
 height: 85%;
 width: 200px;
}
td#centro {
 border-left: Solid 1px #000000;
 border-bottom: Solid 1px #000000;
/* background-color: #E4E0DF; */
 height: 85%;
 padding: 3px;
 margin: 2px auto;
}
div#menu {
 background: #3F3F3F;
}
/*-------------------------- VARIE --------------------------*/
/* stile del testo all interno del bottone */
.b_cursor, input#submit { cursor: pointer; cursor: hand; }

#boxDott {
 height: 80px;
 border-right: dashed 1px #656565;
}

#boxNormal { height: 80px; padding: 1px; }
#latoDott { border-right: dashed 1px #000000; border-right-width: thin; }
/* crea una riga orizzontale */
#riga { padding: 0px; background: #333333; height: 1px; width: 96%; }

/* cella di colore nero cn messaggio bianco */
#bordo_red {
 padding: 2px;
 border: Solid 1px #FF0000; 
 background: #000; 
 color: #FFF; 
 font-weight: bold; 
 text-align: center; 
}

/* SOTTO MENU CENTRALE */
.dLinks a, #linkList a:link, .dLinks a:visited{
 padding: 1px;
 font-size: 12px;
 color: #0066CC;
}

#lList{
 width: 220px;
 border-bottom: dashed 1px #000000;
 line-height: 18px;
}

.dLinks a:hover, #linkList a:active, .dLinks a:focus  {
 color: #FF9900;
 text-decoration: none;
}

#titoloR { font: 130% Calibri, Arial, sans-serif; color: #720A0B; }

/* MENU LATERALE */
#navmenu ul{ list-style-type: none; margin: 0px auto; padding: 1px; }
#navmenu li a{
 display: block;
 color: #FFFFFF;
 background-color: #3F3F3F;
 width: 200px;
 padding: 5px;
 text-decoration: none;
 border-top: 1px solid #4C4B48;
 border-left: 1px solid #4C4B48;
 border-right: 1px solid #333333;
 border-bottom: 1px solid #333333;
}
#navmenu li a:hover{
background-color: #4C4B48;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #4C4B48;
border-bottom: 1px solid #4C4B48;
}
#navmenu li { margin-bottom: 2px; }
#navmenu div#item a{
 background-color: #656565;
 border: none;
 color: #CCCCCC;
 display: list-item;
 font-size: 10px;
 margin-left: 5px auto;
 padding: 2px;
 text-decoration: none;
 text-transform: uppercase;
 width: 195px;
}
#navmenu div#item a:hover{
 color: #FF9900;
 text-decoration: none;
 background-color: #EEEEEE;
}
/* FINE */

/* FORM SEGNALAZIONI */
/*live validation*/
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; }
.LV_valid { color:#00CC00; }
.LV_invalid { color:#FF0000; }
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active { border: 1px solid #00CC00; }
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active { border: 1px solid #CC0000; vertical-align: middle; }

#contact-area {
 width: 300px;
 margin-top: 25px auto;
 margin-left: 10px auto;
}

#contact-area span{
 float: left;
 margin-left: 25px auto;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 260px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #006699;
	background: #FAFAFA;
}

#contact-area textarea {
	height: 60px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #f3a251;
	background: #FFEDDC;
}

#contact-area input.submit-button {
	width: 100px;
	cursor: pointer;
	cursor: hand;
}
/* testo didascalia palinsesti */
.testoDida { font: 12px Calibri, Arial, sans-serif; color: #666666; }
.titoloDida { font: 12px Calibri, Arial, sans-serif; color: #333333; font-weight: bold;}
.titoloPal { font: 14px Calibri, Arial, sans-serif; color: #FF9900; font-weight: bold;}

#celGreen{
	border: 2px solid #690;
	padding: 3px;
	background-color: #6C6;
}
#celRed{
	border: 2px solid #F33;
	padding: 3px;
	background-color: #F66;
}
/* box linguetta */
td.boxnum { width: 70px; height: 25px; }
td.boxnum:hover { background: url('../images/linguetta_su.jpg') #FFFFFF no-repeat; }
td.boxnum:active, td.boxnum:visited, td.boxnum:focus, td.boxnum:link {  background: url('../images/linguetta_su.jpg') #FFFFFF no-repeat; }
/* box tabelle scambi */
.alertSCB {
	margin-bottom: 10px auto;
	float: left;
	padding: 5px;
	background-color:#F7F7F7;
	border:3px solid #EEE;
	text-align: left;
}
.alertSCB .messaggio{
	text-align: left;
	line-height: 13px;
}
/* serch box */
.search_box {
	margin-bottom: 10px;
	float: right;
	padding: 10px;
	background-color:#FEFDF0;
	border:1px solid #CDCAA3;
}

/*********************************/
/* BOTTONI MENU ADMIN - CENTRALE */
/*********************************/
.spacer { clear: both; font-size: 0px; line-height: 0px; }
.boxtondo{
	margin: 5px;
	padding: 10px 5px 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background: #F7F7F7;
	border: 1px solid #DDD;
	text-align: left;
	float: left;
}
.boxtondo .Bimma { padding-right: 5px; float: left; vertical-align: top;}
.boxtondo .Btext { font-size: 20px; color: #5a5a5a; font-weight: 800; text-align:center; vertical-align: middle; line-height: 40px;}
.boxtondo .Bform { padding: 0px; text-align: center;}
.boxtondo .Bform select{ width: 200px;}
#boxt1{ display: block; border: 1px solid #DDDDDD; width: 28%; }
#boxt1:hover{ background: #EEEEEE; border: 1px solid #333333; cursor: pointer; cursor: hand; }

/**********************************/
/* BOX BOTTONI MENU ADMNIN - ALTO */
/**********************************/
.boxtondo2{
	margin: 5px;
	width: 85px;
	padding: 10px 5px 10px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	text-align: center;
	float: left;
}
.boxtondo2:hover{
	cursor: pointer;
	border: 1px solid #333333;
	background: #EEEEEE;
}

#alert{
	width: 44%;
}
#datipal{
	width: 97%;
}
/* REPORT STRUTTURE */
.STPstr {
	padding: 10px;
	text-align: left;
	float: left;
	width: 38%;
	float: left;
	display: block;
}
.STPstr2{
	margin-top: 5px auto;
	margin-bottom: 5px auto;
	padding: 10px;
	text-align: left;
	float: left;
	width: 55%;
	background: #EEEEEE;
	display: block;
}
.STPstr h1{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 10px;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
}
.STPstr h2{
	text-align: left;
	color: #333333;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 5px;
}
.titoloSTPstr {
 font-size: 12px;
 font-weight: 800;
 color: #FFFFFF;
 text-align: left;
 background-color: #FF9900;
 padding: 5px;
 text-decoration: none;
 text-transform: uppercase;
}

/* bottone */
* html .btn span, * html .btn i { float: right; width: auto; background-image: none; cursor: pointer; cursor: hand; }

.btn, .btn[class]{
/* Impostiamo la grandezza del nostro bottone. */
min-width: 120px;
_width: 120px;
/* Allineo il bottone in modo float */
float: right;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D3E120), to(#6F9624), color-stop(.5,#A0BF1E),color-stop(.5,#97b90d));
background: #006699;
height: 25px;
/* Aggiungiamo dei margini interni ed esterni */
margin: 5px;
/* Impostiamo il cursore come "manina" */
cursor: pointer;
cursor: hand;
/* Utilizziamo la proprietà CSS3 per arrotondare il bottone. */
border-radius:5px;
-moz-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-border-radius:5px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
/* Formattiamo il testo */
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:14pt;
font-weight:bold;
letter-spacing:-1px;
line-height:25px;
text-align:center;
vertical-align: middle;
color:#ffffff;
}
.btn[class] {
/* Formattiamo il testo */
font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
line-height:20px;
text-align:center;
vertical-align: middle;
color:#ffffff;
}
 
.btn:hover{
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#d7d7d7));
background: #f5f5f5;
color:#343434;
}

.boxSlide {
	width: 100px;
	line-height: 18px;
	padding: 3px;
	display: inline;
	float: left;
	margin-right: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.boxSlide {
	background: #EEEEEE;
}
.boxSlide:hover, .boxSlide:link, .boxSlide:focus{
	background: #CCCCCC;
}