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

/**************************/
/* *** STILI dei TAG ***  */
/**************************/
html, body { padding: 0; background-color: #EAEAEA; }
table, form, img { padding: 0; margin: 0;}


/* STILE INDEX ADMIN MATRIX */
div#container{ border: 1px solid #000000; width: 960px; margin: 5px auto; text-align: left; height: auto; }

#tbCentrale td#menualto {
 border-bottom: 2px solid #656565;
 background: #DADADA url('../images/template/bg_menuB.jpg') left top repeat-x;
 height: 86px;
 text-align: center;
}
#tbCentrale td#lato {
 border-bottom: 1px solid #000000;
 background-color: #656565;
}
#tbCentrale td#centro {
 border-left:1px solid #000000;
 border-bottom: 1px solid #000000;
 padding: 5px;
 background-color: #FFFFFF;
 text-align: left;
}
#tbCentrale td#bottom {
 border: 2px solid #656565;
 background: #3F3F3F;
 height: 40px;
 font-size: 10px;
 color: #FFFFFF;
 text-align: center;
}

#tbCentrale div#menu {
 text-align: left;
 background: #3F3F3F;
 width: 170px;
}

/* stile di base della pagina */
*, body, td, div, ul, button, textarea, input, select { font: 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; }
/* stile di base di ogni immagine senza bordo */
img { border:0; background: trasparent; }
/* stile di base di ogni form senza bordo e margini */
textarea { padding: 3px 3px; border: 1px solid #DADADA; color:#333333; overflow: auto; }
textarea.small-textarea { height: 3em; }
input.inputText, select { padding: 3px 3px; border: 1px solid #DADADA;}
input.inputText:focus, input.inputText:active, textarea:focus, textarea:active, select:focus, select:active { border: 1px solid #f3a251; }
/* niceform */
#formNspot { width: 600px; float: left; margin-left: 20px; }

/* 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; }

/* --------------- NON TOCCARE INDEX PUBBLICA -----------------------------*/
/*-------------------------- INDEX MMTv PUBBLICA --------------------------*/
/* 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; }
.bodyIndex {
	background-image: url(../images/imgindex/bg_index.jpg);
	background-repeat: no-repeat;
	background-color: #EAEAEA;
	margin: 10px auto;
}
/* AREA CONTATTI INDEX PUBBLICA*/
#contact-area { width: 300px; height:100%; background-color: #ffffff; }
#contact-area div{ float: left; margin-left: 14px; text-align: left; }
#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; }
/* --------------- NON TOCCARE INDEX PUBBLICA -----------------------------*/

/* MESSAGGI SISTEMA */
span.error{ color: red; font-weight: bold; vertical-align:middle;}
p.obbligo{ color: #003e8d; font-weight: bold; vertical-align:middle; text-align: center; line-height: 100px;}
/*p.error{ color: red; font-weight: bold; vertical-align:middle; text-align: center; line-height: 100px;}*/
/* 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 del textbox */
.form100xTxt12 { color: #000000; background-color: #f7f7f7; border: thin solid #cccccc; width: 100%; }
/* stile per frecce direzionali */
.frecce { cursor: pointer; font: 10px Calibri, Arial, sans-serif; color: #3F3F3F; text-decoration: none; }
.titoloRicerca{ font-family: Calibri; font-size: 16px; font-weight: 700; color: #003e8d; text-align:left; }
.left{ height:20px; padding: 2px; background:#F0F0F0; text-align:left; }
.right{ height:20px; padding: 2px; background:#FFFFFF; text-align:left; }

/* stile del titolo */
.titolo{ background: #FF9900; font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 2px; }
.titoloRed { font-weight: bold; color: #CC0000; }
.titoloSpot{ font-weight: bold; color: #CC0000; line-height: 20px; }
#titoloR { font: 130% Calibri, Arial, sans-serif; color: #720A0B; }

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

.errorLogin { width: 400px; display: block; border: 2px solid #FF0000; background: #FFFFFF; padding: 10px; }
/* 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 --------------------------*/

/******* 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; }

/*-------------------------- 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;
}


/* 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-bottom: 1px solid #CC0000; vertical-align: middle; }

/* 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, .titoloPal a { 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;
	background-color:#FEFDF0;
	border:1px solid #CDCAA3;
	width: 80%;
	display: block;
}

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

/**********************************/
/* BOX BOTTONI MENU ADMNIN - ALTO */
/**********************************/
.boxtondo2{
	position: relative;
	/*display: inline-block;*/
	float: left;
	margin: 2px 5px;
	width: 75px;
	padding: 8px 4px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background: #F7F7F7;
	border: 1px solid #DDDDDD;
	text-align: center;
}
.boxtondo2:hover{
	cursor: pointer;
	border: 1px solid #333333;
	background: #EEEEEE;
}

#alert{	width: 47%; }
#datipal{ width: 98%; }
/* REPORT STRUTTURE */
.STPstr {
	padding: 10px;
	text-align: 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;
/* Allineo il bottone in modo float */
position: relative;
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-right: 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:13px;
font-weight:bold;
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:13px;
font-weight:bold;
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;
}
.boxbutton{
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	vertical-align: middle;
}

.boxbutton .btn{ top: 20%; }
.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;
}