/* DEFAULT SETTINGS */
* { outline:none; }
body, form, html ,img, table, td, tr, ul, ol, li {	border:0px;	padding:0px; margin:0px; }
h1, h2, h3, h4, h5, h6, p, span{ padding:0px; margin:0px; }
ul, li{ list-style:none; padding:0px; margin:0px; }
a{ text-decoration:none; color:#5a5a5a; }
a:hover { text-decoration:none; }
html, body { height:100%; width:100%; font:normal 11px Tahoma; }



h1 { font-family:tahoma; font-size:14px; font-weight:bold; }

.clear    { clear:both; }
.relative { position:relative; }
.tableHeader .hide     { display:none; }
label.error           { display:block; color:red; }

/* BODY */
body { background-color:#f4f4f4; font-family:tahoma; font-size:11px; margin-top:0px; color:#282828; }

/* SITE PROPERTIES */
div#testata                       { width:100%; margin-bottom:12px; background: #5187b0; border-bottom:4px solid #364755; }
div#testata td                    { text-align:left; padding-top:8px; color:#231f20; }
div#testata td span               { color:#ffffff; }
div#testata td a                  { text-decoration:underline; color:#ffffff; }
div#testata td span.disconnetti a { text-decoration:underline; color:#ffffff; font:bold 11px/18px Tahoma; }
div#testata td span.riepilogo a   { text-decoration:underline; color:#ffffff; font:bold 11px/18px Tahoma; }
div#testata td span.modifica a    { text-decoration:underline; color:#ffffff; font:normal 11px/18px Tahoma; }
div#testata td a:hover            { text-decoration:none; }
div#testata td.logo               { padding-left:3%; vertical-align:middle; padding:8px 0px; padding-left:120px; }
div#testata td.benvenuto          { padding-left:1%; width:58%; color:#ffffff; font:bold 11px/18px Tahoma; }
div#testata td.benvenuto span     { color:#ffffff; margin-right:5px; } 
div#testata td.disconnetti        { width:20%; color:white; }
div#testata td a:hover            { text-decoration:none !important; }
#colSx                            { width:17%; height:auto; float:left; margin:0px 1% 10px 1%; display:inline; }
#ColDx                            { width:80%; height:auto; margin-left:19%; z-index:1; }

/* LOGIN */
#testata.login              { margin:0px; float:left; border:0; }

/* MENU */
.menu                       { background-color:#fff; width:82%; height:auto; border:3px solid #737373; padding:25px 8% 25px 8%; position:relative; z-index:1; margin-bottom:4%; }
.menu .corners              { width:8px; height:7px; position:absolute; z-index:1000; _font-size:1px; }
.menu .topLeft              { top:-3px; left:-3px; background:url(images/topMenuSx.jpg) no-repeat; _display:none; }
.menu .topRight             { top:-3px; right:-3px; background:url(images/topMenuDx.jpg) no-repeat; _display:none; }
.menu .bottomLeft           { bottom:-3px; left:-3px; background:url(images/bottomMenuSx.jpg) no-repeat; _display:none; }
.menu .bottomRight          { bottom:-3px; right:-3px; background:url(images/bottomMenuDx.jpg) no-repeat; _display:none; }
.menu h1                    { width:95%; padding-left:5%; padding-bottom:5px; border-bottom:1px solid #000; margin-bottom:11px; color:#6c6c6c; font-size:14px; }
.menu ul                    { border-bottom:1px solid #000; padding-bottom:10px; }
.menu ul li                 { border:1px solid white; }
.menu ul li a               { padding:2px 0px 3px 5%; width:95%; display:block; color:#5a5a5a; }
.menu ul li#Disposizioni a  { padding-left:20%; width:80%; }
.menu ul li:hover           { background:url(images/frecciaRight.png) no-repeat scroll 96% 6px !important; border:1px solid #CCCCCC; }
.menu ul li.selected        { background:url(images/frecciaRight.png) no-repeat scroll 96% 6px !important; border:1px solid #5187b0; color:#EB8F00;}
.menu a.miosito             { display:block; height:15px; margin:10px 0 0 5%; padding-left:25px; position:relative; background:url(/content/images/favicon.jpg) no-repeat left center; }

/* RIEPILOGO */
.olSlideShowHP    { display:block; width:192px; height:98px; overflow:hidden; padding-right:18px; }
.olSlideShowHP li { display:block; width:192px; height:98px; }


/* COLONNA DESTRA */
.content                      { background-color:#fff; width:95%; height:auto; border:3px solid #d0d0d0; padding:25px 2% 25px 2%; position:relative; z-index:1; margin-bottom:1%; }
.content h1                   { width:100%; padding-bottom:5px; border-bottom:1px solid #a1a1a1; margin-bottom:18px; position:relative; color:#6c6c6c; }
.content h1 img               { margin:0px 10px 0px 0px; }
.content h1 em                { position:absolute; bottom:8px; right:0px; font-style:normal; font-size:11px; font-weight:bold; color:#918d61; }
.content h1 em img            { margin:0px 4px 0px 20px; }
.content h1 em strong         { color:#9ea67c; margin:0px 3px; }
.content h1 span              { color:#979797; }
.content h1 label             { color:#6f6f6f; }
.content .corners             { width:8px; height:7px; position:absolute; z-index:1000; _font-size:1px; }
.content .topLeftContent      { top:-3px; left:-3px; background-image:url(images/topContentSx.jpg); _display:none; }
.content .topRightContent     { top:-3px; right:-3px; background-image:url(images/topContentDx.jpg); _display:none; }
.content .bottomLeftContent   { bottom:-3px; left:-3px; background-image:url(images/bottomContentSx.jpg); _display:none; }
.content .bottomRightContent  { bottom:-3px; right:-3px; background-image:url(images/bottomContentDx.jpg); _display:none; }

/* HYPER LINK */
.addElemento      { background:url(images/btnAggiungi.jpg) no-repeat scroll 0 0 transparent; display:block; float:right; height:19px; margin:15px 0 20px; padding:7px 0 0 30px; text-align:left !important; width:121px; } 
.aCapo            { clear:right; }
.hplVaiSezione a  { background:url(images/frecciaRight.jpg) no-repeat center left; padding-left:15px; font-weight:normal; }

/* BUTTON */
input.salva       { background-color:#5187b0; color:#fff; font-weight:bold; width:181px; height:24px; cursor:pointer; margin-top:10px; padding-bottom:4px; border:1px solid #364755; }
input.salva:hover { background-color:#364755; }
.txtMultimedia    { width:300px !important; margin-right:10px; float:left; margin-top:5px; }

/* DROP DOWN LIST */
.ddl { font:normal 11px/16px Tahoma; color:#7D7D7D; padding:0px 2px 2px 5px; }

/* FOOTER */
#footer     { width:98%; height:20px; padding-top:18px; margin-top:0px; text-align:right; color:#adadad; padding-right:2%; float:left; padding-bottom:10px; border-top:4px solid #364755; }
#footer a   { color:#d2cc8c; }
#footer img { vertical-align:bottom;}

/* CONTENT BORDER */
.borderContent          { background-color:#f2f2f2; padding:1%; width:98%; margin:10px 0px 20px; }
.borderContentNoPadding { padding:0px; border:11px solid #F2F2F2; margin:0px; overflow:hidden; }
.innerContent           { background-color:#fff; border:1px solid #d8d8d8; width:95.8%; height:auto; padding:2%; position:relative; }

/* FILTRI */
#v_toggle { background:url(images/bgFiltro.jpg) repeat scroll 0 0 transparent; display:block; height:25px; width:119px; }
#filtro, 
#s_filtro { background:none repeat scroll 0 0 #F2F2F2; border:11px solid #F2F2F2; margin:0; overflow:hidden; padding:0; position:relative; }

/* TABELLA */
.tableHeader                          { width:100%; margin-top:0px; }
.tableHeader td a                     { text-decoration:underline; color:#9ea67c; }
.tableHeader td a:hover               { text-decoration:none; color:#5a5a5a; }
.tableHeader td a.modifica            { text-indent:-9000px; background:url(images/modifica.gif);         display:inline-block; width:16px; height:16px; margin:0px 2px; overflow:hidden; }
.tableHeader td a.elimina             { text-indent:-9000px; background:url(images/elimina.gif);          display:inline-block; width:16px; height:16px; margin:0px 2px; overflow:hidden; }
.tableHeader td a.commenti            { text-indent:-9000px; background:url(images/commenti.png);         display:inline-block; width:16px; height:16px; margin:0px 2px; overflow:hidden; }
.tableHeader td a.uploadImg           { text-indent:-9000px; background:url(images/addImage.gif);         display:inline-block; width:16px; height:16px; margin:0px 2px; overflow:hidden; }
.tableHeader td a.hplVedi             { text-indent:-9000px; background:url(images/icoMagnify.jpg);       display:inline-block; width:16px; height:15px; margin:0px 2px; overflow:hidden; }
.tableHeader td a.uploadVideo         { text-indent:-9000px; background:url(images/addVideo.gif);         display:inline-block; width:16px; height:16px; margin:0px 2px; overflow:hidden; }
.tableHeader td a.dettaglio_commento  { text-indent:-9000px; background:url(images/commento_detail.png);  display:inline-block; width:16px; height:16px; margin:0px 2px; overflow:hidden; }

.tableHeader th                         { padding:4px 1% 4px 1%; text-align:left; background-color:#fff; border-bottom:1px solid #a1a1a1; color:#929292; }
.tableHeader td                         { padding:9px 1%; border-bottom:1px solid #d0d0d0; border-right:1px solid #ececec;}
.tableHeader tr.sottoElenco             { display:none; }
.tableHeader tr.sottoElenco td          { padding:8px 0px; padding-left:6%; border-bottom:1px solid #d0d0d0; border-right:1px solid #ececec;}
.tableHeader tr.sottoElenco td.options  { padding:0px 2px; padding-left:3%; }
.tableHeader tr.sottoElenco td.center   { text-align:center; padding-left:0px; }
.tableHeader tr.sottoElenco td strong   { font:bold 11px Tahoma; color:#918d61; }
.tableHeader tr td.firstcenter          { border-left:1px solid #ececec; font-weight:bold; color:#898989; padding:9px 0px !important; }

.hpl_apri { display:inline-block; background:url(images/icoPiu.jpg) no-repeat center center; width:14px; height:14px; }

.tableHeader tr td.first                { border-left:1px solid #ececec; font-weight:bold; color:#898989; padding-left:18px; }
.tableHeader tr.dragdrop:hover td.first { background:url(images/arrowDragDrop.gif) no-repeat 6px 50%; }
.tableHeader td.center                  { text-align:center; padding-left:0px; }
.tableHeader td.upDown img              { margin:0px 3px; cursor:pointer; }
.tableHeader td img.borderImage         { padding:4px; background-color:#FFFFFF; border:1px solid #ccc; }
.tableHeader th.center                  { text-align:center; padding-left:0px; }
.tableHeader td.options a               { padding:0px 2px; }

.tableHeader tr.odd               { background-color:#f2f2f2; }
.tableHeader tr:hover             { background-color:#eeefd7; }
.tableHeader tr.noHover:hover     { background-color:white; }
.tableHeader tr.sottoElenco:hover { background-color:#e1eaef; }

.tableHeader .pLeft       { padding-left:6%; }
.tableHeader .pLeft .open { margin-right:3%; }
.tableHeader strong       { color:#929292; }

/* TABELLA PAGER */
.tableHeader .rewind           { background:url(images/first.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 4px; }
.tableHeader .rewind.disabled  { background:url(images/first_disabled.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 4px; }

.tableHeader .prev             { background:url(images/left.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 10px; }
.tableHeader .prev.disabled    { background:url(images/left_disabled.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 10px; }

.tableHeader .next             { background:url(images/right.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 10px; }
.tableHeader .next.disabled    { background:url(images/right_disabled.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 10px; }

.tableHeader .forward          { background:url(images/last.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 4px; }
.tableHeader .forward.disabled { background:url(images/last_disabled.png) no-repeat 0px 4px; width:16px; height:16px; text-indent:-9000px; overflow:hidden; display:inline-block; margin:0px 4px; }

.tableHeader #Pager_PageSize   { font:normal 11px/16px Tahoma; color:#565455; border:1px solid #d0d0d0; width:50px; margin-left:4px; }

/* TABELLA ADD/MOD */
input[type=text]              { border:1px solid #D3D3D3; color:#7D7D7D; font-family:tahoma; font-size:11px; }
textarea                      { border:1px solid #D3D3D3; color:#7D7D7D; font-family:tahoma; font-size:11px; overflow-y:auto; padding:2px 0 2px 5px; width:95%; }
td.sxAddMod                   { width:10%; border-right:1px solid #ececec; border-bottom:1px solid #ececec; padding:1% 1% 1% 0px; text-align:right; vertical-align:top; position:relative; }
td.sxAddMod img               { position:absolute; top:1%; right:0px; }
td.dxAddMod                   { width:88%; border-bottom:1px solid #ececec; text-align:left; padding:1% 0px 1% 1%; vertical-align:top; }
td.dxAddMod input[type=text]  { padding:3px 0 2px 5px; width:96%;}
td.titSxAddMod                { width:10%; border-bottom:1px solid #ececec; padding:1% 1% 1% 0px; text-align:right; }
td.titDxAddMod                { width:88%; border-bottom:1px solid #ececec; text-align:left; padding:1% 0px 1% 1%; }

/* TABELLA FILTERS */
#filters                  { width:100%; }
#filters .sxFilters       { font:normal 11px/16px Tahoma; color:#565455; text-align:left; }
#filters input[type=text] { width:100%; }
.search                   { background-image:url(images/btnCerca.jpg); border:0 none; cursor:pointer; height:24px; margin-top:10px; width:85px; text-indent:-9000px; overflow:hidden; }
.export                   { background-image:url(images/btnExport.jpg); border:0 none; cursor:pointer; height:24px; margin-top:10px; width:85px; text-indent:-9000px; overflow:hidden; }

/* TABS */
#tabs, 
#outer-tabs, 
#tabs-modifica                  { border:0 !important; font:normal 11px Tahoma !important; }
.shadetabs                      { text-align:center !important;	height:30px !important; 	width:100% !important; border:0 !important; }
.shadetabs li                   { margin-right:1px !important; 	height:15px !important; 	display:block !important; 	float:left !important; 	background:url(images/tabUnactive.jpg) repeat-x bottom !important; padding:15px 25px 0 !important; border:0 !important; }
.shadetabs li a                 { color:#737373 !important; 	text-decoration:none !important; 	font-size:11px !important; font-weight:normal; }
.shadetabs li a:hover           { color:#919191 !important; 	text-decoration:none !important; }
.shadetabs li.ui-tabs-selected  { background:url(images/tabActive.jpg) repeat-x bottom !important; 	padding-top:13px !important; 	height:17px !important; }
.ui-tabs-hide                   { display:none; }

/* HEADER SORTABLE */
.header         { background-image:url(images/bg.gif); background-position:right center; background-repeat:no-repeat; cursor:pointer; }
.headerSortDown { background-image:url(images/desc.gif); }
.headerSortUp   { background-image:url(images/asc.gif); }
.headerSortDown, 
.headerSortUp   { background-color:#A1A1A1 !important; color:White !important; }

/* LISTE CATEGORIE */
.connectedSortable { float:left; width:48%; border:1px solid #D8D8D8; margin-top:5px; }
#listaCompleta     { margin-left:2%;}
.connectedSortable li { display:block; padding:5px; margin:5px; background:#F2F2F2; color:#d2cc8c; border:1px solid #F2F2F2; }
.connectedSortable li:hover { border:1px solid #d2cc8c; }
.connectedSortable li.ui-sortable-helper { background:#d2cc8c; color:White; }

/* LISTA FOTO */
.lista_foto                           { float:left; margin-bottom:20px; }
.lista_foto .boxFoto                  { -moz-border-radius:5px 5px 5px 5px; border:1px solid #D0D0D0; float:left; height:140px; margin:0 4px 4px 0; padding:5px; position:relative; width:186px; cursor:move; background:white; }
.lista_foto .boxFoto .cornice         { background-color:#FFFFFF; border:1px solid #E5E5E5; margin-bottom:4px; padding:2px; position:relative; width:180px; }
.lista_foto .boxFoto .dimensioni      { background-color:#FFFFFF; bottom:2px; padding:2px 3px; position:absolute; right:2px; }
.lista_foto .boxFoto .checkbox        { position:absolute; left:2px; bottom:10px; }
.lista_foto .boxFoto .zoom            { position:absolute; right:52px; bottom:10px; }
.lista_foto .boxFoto .crop            { position:absolute; right:30px; bottom:10px; background:url(images/images.png) no-repeat; display:block; width:16px; height:16px; text-indent:-9000px; overflow:hidden; }
.lista_foto .boxFoto .delete, 
.lista_foto .boxFoto .deleteImmagine  { position:absolute; right:8px; bottom:10px; }
.imgDiv { width: 180px; height: 100px; background-position:center; background-size:cover; }

/* LISTA VIDEO */
.hplVideo {
    position: relative;
    display: block;
}
.hplVideo .playVideo  { position:absolute; left:-30px; top:-14px; }

/* STATISTICHE */
.hplStats       { font:bold 11px/16px Tahoma; color:#282828; margin-top:8px; display:block; }
#chartAccessi,
#chartDownload  { display:block; float:left; cursor:pointer; }

.chartData      { width:300px; position:absolute; top:0px; right:0px; border-collapse:collapse; box-shadow:0 0 1em rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 1em rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 0 1em rgba(0, 0, 0, 0.5); background-position:0 -100px; }
.chartData th   { padding:0.5em; border:1px dotted #666; border-bottom:2px solid #333; text-align:left; text-transform:uppercase; }
.chartData td   { cursor:pointer;padding:0.5em; border:1px dotted #666; text-align:left; }

.chartData td.highlight { background:#e8e8e8; }
.chartData tr:hover td  { background:#f0f0f0; }

#contentLogin table                 { margin:45px 0 0 120px; }
#contentLogin table td              { padding:5px; color:#545454; font:bold 11px Tahoma; }
#contentLogin table td input        { width:300px; border:1px solid #D3D3D3; color:#7D7D7D; font-family:tahoma; font-size:11px; padding:3px 0 2px 5px; }
#contentLogin table td input.submit { background-image:url(images/btnAccedi.jpg); border:0 none; cursor:pointer; height:30px; margin-top:10px; width:85px; }
#contentLogin table td input.submit:hover 
                                    { background-image:url(images/btnAccedi_hover.jpg); }
.msg td                             { font:bold 11px/16px Tahoma; color:Red !important; }
.hidden                             { display:none; }

#contentLogin { background:url(images/bgLogin.jpg) repeat-x scroll 0 0 transparent; height:202px; margin:0px; float:left; position:relative; width:100%; }

#footerLogin    { width:98%; height:20px; padding-top:10px; margin-top:0px; text-align:right; color:#adadad; padding-right:2%; float:left; padding-bottom:10px; }
#footerLogin a  { color:#d2cc8c; }

/* PRESS */
.firstUpper { text-transform:capitalize; }

/* CONTATTI */
#main .loading      { position:absolute; top:0px; left:0px; bottom:0px; right:0px; background:white url(images/loading.gif) no-repeat center center; display:none; }
.dettaglio_contatto { text-indent:-300px; background:url(images/user_detail.png) no-repeat; display:block; float:left; width:16px; height:16px; overflow:hidden; }
.modifica_contatto  { text-indent:-300px; background:url(images/user_edit.png) no-repeat; display:block; float:left; width:16px; height:16px; overflow:hidden; }

/* PAGINAZIONE */
ul.buttonPagine li                  { float:left; }
ul.buttonPagine li a                { border:1px solid #d0d0d0;	height:14px; display:block;	margin-right:4px;	text-align:center; color:#929292; font-weight:bold; padding:1px 4px 0px 4px; }
ul.buttonPagine li a:hover          { background-color:#d2cc8c;	color:#FFFFFF; }
ul.buttonPagine li a.paginaOn       { background-color:#d2cc8c; color:#FFFFFF; }
ul.buttonPagine li a.paginaOn:hover { background-color:#d6deaf; color:#929292; }

/* PAGINE */
.hpl_allegato   { text-indent:-300px; background:url(images/icoPdf.gif) no-repeat; display:inline-block; width:16px; height:16px; overflow:hidden; }

/* CROP */
#cropbox { max-width:800px; max-height:600px; }

/* ARTICOLI */
.olHeader                         { display:block; }
.olHeader li                      { display:block; }
.olHeader li h3                   { display:block; position:relative; padding-left:32px; line-height:32px; }
.olHeader li h3 span              { position:absolute; top:8px; left:8px; }
.olHeader li div                  { border:0px; background:none; padding:10px 10px; }
.olHeader li .addArticolo         { position:absolute; top:8px; right:8px; background:url(images/add.png) no-repeat; height:16px; padding-left:20px; line-height:16px; display:none; }
h3.ui-state-active .addArticolo   { display:block; }     
                      
/* CONTATTI */                                
#tabs-contatti, 
#tabs-richieste, 
#tabs-targets,
#tabs-operazioni { background:transparent !important; border:0px !important; color:#282828; }

/* SERVIZI */
#servizi li { float:left; margin:0 2px 2px 0; padding:5px 0 5px 10px; width:165px; }