@charset "utf-8";

body {margin:0; padding:0; height:100%; font-family:Arial, Helvetica, sans-serif; height:100%;}
body {background-color:#454841;}
body.iFrame {background-color:#999E94;}

a {text-decoration:none;}
a:hover {}
a img {border:0;}
a:active, a:focus{outline:none;}
a {color:#333;}

.lighted {color:#927c49;}
.lighted {font-size:9px;}

iFrame {border:0; min-height:260px; background-color:#999E94;}

li {list-style:none;}
.wysiwug li {list-style:circle;}
.wysiwug ul {margin-bottom:0;}

.clear {clear:both;}

h2 {font-size:13px; padding:0; margin:0; color:#333;}
h2.tail {padding-top:30px;}
h3 {font-size:12px; margin:25px 0 0px 7px; color:#555;}

.none {display:none;}
.fullsize {width:880px; position:relative; left:-20px; clear:both;}

.inEvidenza {background-color:#898E85; padding:20px; margin-top:20px; margin-bottom:5px;}
/* .bottomBox {margin-top:20px; border-top:1px solid #666;} */

.box {font-size:11px;}

.left {float:left;}
.right {float:right;}

.cols2 {background:url(../img/bg_cols2.gif) top right repeat-y;}
.cols2 .box {width:620px;}
.cols2 .right {padding-right:20px;}
.cols2 form {width:660px;}
.cols3 {background:url(../img/bg_cols3.gif) top right repeat-y;}
.cols3 .box {width:457px;}

.hide {display:none;}

.wrapper {width:880px; margin-left:-440px; left:50%; position:absolute; height:100%;}

#head {position:relative; z-index:1000;}
#main {width:894px; position:absolute; top:0; left:-7px; z-index:1; height:100%; background:url(../img/container_shadowSide.png) no-repeat 0 97px;}

.coverLv {position:absolute; background-color:#454841; height:100%; left:-7px; top:0px; display:none;}
.labelLv{position:absolute; right:0;}

#lv1Cover {z-index:15; width:894px;}
#lv1Cover .labelLv{top:100px;}
#lv2Cover {z-index:25; width:914px;}
#lv2Cover .labelLv{top:120px;}
#lv3Cover {z-index:35; width:934px;}
#lv3Cover .labelLv{top:140px;}
#lv4Cover {z-index:45; width:954px;}
#lv4Cover .labelLv{top:160px;}
#lv5Cover {z-index:55; width:974px;}
#lv5Cover .labelLv{top:180px;}

#lv1 {left:0px; top:90px; z-index:10; position:absolute;}
#lv2 {left:20px; top:110px; z-index:20; position:absolute; display:none;}
#lv3 {left:40px; top:130px; z-index:30; position:absolute; display:none;}
#lv4 {left:60px; top:150px; z-index:40; position:absolute; display:none;}
#lv5 {left:80px; top:170px; z-index:50; position:absolute; display:none;}

/* UP 
----------------------------------------------------------------------------*/
#up {font-size:11px; padding:10px 18px; background-color:#369;}
#up #logo{float:left; margin-right:10px;}
#up h1{font-size:15px; margin:0;}
#up #logOut{float:right; background:url(../img/icona_esci.gif) no-repeat; padding:2px 0 5px 20px; margin-top:5px;}
#up #nikitadesign{position:absolute; padding-left:15px; right:-55px; top:5px; background:url(../img/arrow_nikitadesign.gif) 0 20px no-repeat;}
#up #flag{position:absolute; right:0; top:65px; padding:0 18px; display:none;}
#up #flag a.coda{margin-left:5px; background:url(../img/brake_path.gif) repeat-y left 0; padding-left:7px; margin-left:7px; float:right; display:block;}
#up #flag a.testa{margin-left:5px; padding-left:7px; margin-left:7px; float:right; display:block;}

#up {color:#fff;}
#up a{color:#fff;}
#up span{opacity: .50;}

/* PATH 
----------------------------------------------------------------------------*/
#path {font-size:13px; line-height:45px; padding:0 18px; font-weight:bold;}
#path a{background:url(../img/brake_path.gif) no-repeat right 17px; padding-right:7px; margin-right:7px; float:left; display:block; font-weight:normal;}
.path {display:none;}

#path {color:#999e94;}
#path a{color:#fff;}

/* CONTAINER 
----------------------------------------------------------------------------*/
.container {width:894px;}

.container .top{height:7px; line-height:7px; background:url(../img/container_shadowTop.png) no-repeat;}
.container .middle{padding:0 7px; background:url(../img/container_shadowSide.png);}
.container .middleLv1{padding:0 7px;}
.container .bottom{height:7px; line-height:7px; background:url(../img/container_shadowBottom.png) no-repeat;}

.container .content {position:relative; padding:20px; background-color:#999e94; color:#333;}
#lv1 .content {border-bottom:1px solid #454841;}

/* HELP 
----------------------------------------------------------------------------*/
.help {float:right; width:140px; padding-left:20px;}
.help p{font-size:11px; margin:9px 0 0;}
.help h5{font-size:12px; margin:0 0 9px;}

.mainHelp {position:absolute; bottom:-100px; width:840px; color:#fff;}

.help {color:#333;}

/* CMDHELP
----------------------------------------------------------------------------*/
div.cmd {float:right; width:140px; padding-left:20px; margin-left:20px; position:relative;}
.cmd ul.cmd {font-size:11px; margin:0; padding:0;}
.cmd ul.cmd li a{line-height:22px; padding-left:25px; display:block;}
.cmd ul.cmd li:hover {background:url(../img/icona_hover.gif) no-repeat;}
.cmd ul.cmd .add {background:url(../img/icona_add.gif) no-repeat 3px 2px; margin-bottom:35px;}
.cmd ul.cmd .trascina {background:url(../img/icona_trascina.gif) no-repeat 4px 2px;}
.cmd ul.cmd .modifica {background:url(../img/icona_modify.gif) no-repeat 4px 2px;}
.cmd ul.cmd .elimina {background:url(../img/icona_delete.gif) no-repeat 4px 2px;}
.cmd ul.cmd .mail {background:url(../img/icona_mail.gif) no-repeat 1px 2px;}
.cmd h5 {font-size:12px; margin:0 0 9px;}

.cmd ul.legend {font-size:11px; margin:0; padding:0;}
.cmd ul.legend li {line-height:22px; padding-left:25px; display:block;}
.cmd ul.legend .add {background:url(../img/icona_add.gif) no-repeat 3px 2px; margin-bottom:35px;}
.cmd ul.legend .trascina {background:url(../img/icona_trascina.gif) no-repeat 4px 2px;}
.cmd ul.legend .modifica {background:url(../img/icona_modify.gif) no-repeat 4px 2px;}
.cmd ul.legend .carica {background:url(../img/icona_addFoto.gif) no-repeat 4px 2px;}
.cmd ul.legend .elimina {background:url(../img/icona_delete.gif) no-repeat 4px 2px;}
.cmd ul.legend .anteprima {background:url(../img/icona_img.gif) no-repeat 4px 2px;}
.cmd ul.legend .immagini {background:url(../img/icona_addFoto.gif) no-repeat 4px 2px;}
.cmd ul.legend .giudizio {background:url(../img/giudizio_si.gif) no-repeat 4px 2px;}
.cmd ul.legend .raccomandata {background:url(../img/raccomandata_si.gif) no-repeat 4px 2px;}

.cmd .fileMask{left:0; width:140px;}

.fileMask{height:18px; right:0; width:15px; position:absolute; overflow:hidden; z-index:10; opacity: 0;}
.fileMask input{cursor:pointer; position:absolute; right:0;}

.cmd {color:#333;}

/* CMD
----------------------------------------------------------------------------*/
.cmdInline {position:absolute; right:0; display:none;}
.cmdInline .icon{float:right; padding:0 7px 0 8px; background:url(../img/brake_cmdInline.gif) no-repeat;}
.cmdInline .first{background:none;}

.cmdInline {}

/* ELENCO
----------------------------------------------------------------------------*/
.cols2 .elenco{margin-right:180px;}
.cols3 .elenco{margin-right:340px; width:497px;}

.iFrame .elenco{height:207px; overflow:auto; width:497px; margin-right:0; position:absolute;}
.iFrame .elenco li{width:470px;}

.elenco {margin-top:15px; margin-left:0; margin-bottom:0; padding:0; font-size:11px;}
.elenco li{background:url(../img/dot_orizzontale.gif) repeat-x left bottom; padding:0 0 1px 0;  position:relative;}
.elenco li .cmd{display:none; position:absolute; right:0;}
.elenco li.selected .cmdInline{display:block; padding:2px 0; z-index:10;}
.elenco li a.punto{display:block; background:url(../img/icona_elenco.gif) 7px 2px no-repeat; line-height:22px; padding-left:30px;}
.elenco li a.punto:hover {background-color:#a3a89f;}
.elenco li a.link{display:block; background:url(../img/icona_elenco.gif) 7px 2px no-repeat; line-height:22px; padding-left:30px;}
.elenco li a.link:hover {background-color:#a3a89f;}
.elenco li.selected a.punto{background-color:#898e85; position:relative;}

/* IE 7 */
.elenco li {height:22px;}


/* TABELLA
----------------------------------------------------------------------------*/
.cols2 .tabella{margin-right:180px;}
.cols3 .tabella{margin-right:340px; width:497px;}

.tabella{margin:15px 0 0; padding:0; border-collapse:collapse;}
.tabella td{margin:0; padding:0; line-height:22px;}
.tabella td.icon{background:url(../img/icona_elenco.gif) 7px 2px no-repeat; width:30px;}

.tabella tr{background:url(../img/dot_orizzontale.gif) repeat-x left bottom; padding:0 0 1px 0;}
.tabella tr.intestazione{font-weight:bold;}
.tabella tr.selected {background-color:#898e85;}
.tabella tr.selected .cmdTable{display:block; padding:2px 0 0; z-index:10;}
.tabella tr.selected .cmdTable .first{background:none;}

.cmdTable{left:417px; position:absolute; display:none; background-color:#898E85; width:100px;}
.cmdTable a.icon{float:right; padding:0 7px 0 8px; background:url(../img/brake_cmdInline.gif) no-repeat;}

/* ELENCOTHUMBS
----------------------------------------------------------------------------*/
.cols2 .elencoThumbs{margin-right:180px;}
.cols3 .elencoThumbs{margin-right:340px; width:497px;}

.elencoThumbs {margin:15px 0 0; padding:0; font-size:11px;}
.elencoThumbs li{float:left;}
.elencoThumbs li .cmd{display:none; position:absolute; right:0;}
.elencoThumbs li.selected .cmdInline{display:block; padding:2px 0; z-index:10;}
.elencoThumbs li a.punto{}
.elencoThumbs li a.punto:hover {background-color:#a3a89f;}
.elencoThumbs li a.link{display:block; background:url(../img/icona_elenco.gif) 7px 2px no-repeat; line-height:22px; padding-left:30px;}
.elencoThumbs li a.link:hover {background-color:#a3a89f;}
.elencoThumbs li.selected a.punto{background-color:#898e85;}

.elencoThumbs li{float:left; margin-left:4px; position:relative; min-height:107px;}

.elencoThumbs.modify li.add{display:none;}
.elencoThumbs.add li.modify{display:none;}
.elencoThumbs .foto img{max-height:150px;}
.elencoThumbs .foto img.thumb{height:60px; width:60px;}
.elencoThumbs .foto a.punto{display:block;}
.elencoThumbs .fotoOut {margin:8px 8px 34px; z-index:10;}
.elencoThumbs .fotoOut a img{border:1px solid #adb1a9;}
.elencoThumbs .fotoOut a:hover img{border:1px solid #fff;}
.elencoThumbs .fotoOver {display:none; position:absolute; top:0; z-index:20;}

.elencoThumbs .imgTop {background:url(../img/img_topRight.gif) no-repeat top right; background-color:#adb1a9;}
.elencoThumbs .imgBody {padding:3px 8px; color:#fff; font-size:10px; background-color:#adb1a9; float:left;}
.elencoThumbs .imgBody .foto {padding:0 0 8px; background-color:#adb1a9;}
.elencoThumbs .imgBody .foto img{border:1px solid #fff; background-color:#adb1a9;}
.elencoThumbs .imgBottom {background:url(../img/img_bottomRight.gif) no-repeat bottom right; background-color:#adb1a9;}

.elencoThumbsInterna {overflow:auto; width:660px; margin:0 0 20px 0; padding:0 0 20px 0;}

.elencoThumbs .selected .fotoOut a img{border:1px solid #fff;}
.elencoThumbs .selected .fotoOver {display:block;}

#anteprimaBox {position:absolute; z-index:200; top:250px; left:50px; display:none;}
#anteprimaBox #fotoAnteprima {overflow:auto; width:500px; height:300px; background-color:#a3a89f;}
#anteprimaBox .topCenter {margin:0 19px 0 38px; background:url(../img/anteprima_topCenter.png); height:26px;}
#anteprimaBox .topCenter img{height:21px;}
#anteprimaBox .topLeft {position:absolute; left:0px;}
#anteprimaBox .topRight {position:absolute; right:0px;}
#anteprimaBox .bottomLeft {position:absolute; left:0px;}
#anteprimaBox .bottomRight {position:absolute; right:0px;}
#anteprimaBox .bottomCenter {margin:0 19px; background:url(../img/anteprima_bottomCenter.png)}
#anteprimaBox .bottomCenter img{height:21px;}
#anteprimaBox .anteprimaBody {padding:0 0 0 19px; color:#fff; font-size:10px; overflow:hidden; background:url(../img/anteprima_bodyLeft.png) repeat-y;}
#anteprimaBox .anteprimaBody .anteprimaFoto {padding-right:19px; background:url(../img/anteprima_bodyRight.png) top right repeat-y;}
#anteprimaBox .anteprimaClose {position:absolute; top:32px; left:25px;}

.ui-resizable-se {bottom:8px; right:8px;}

/* LISTAIMG
----------------------------------------------------------------------------*/
.cmdImg{text-align:right; position:relative;}
.cmdImg a.icon{float:right;}
.cmdImg a.modifica{padding:0 4px 0 5px; background:url(../img/brake_cmdInline.gif) no-repeat;}
.cmdImg a.trascina{padding:0 4px 0 0;}
.cmdImg a.anteprima {padding:0 4px 0 0;}
.cmdImg a.delete{padding:0 0 0 5px; background:url(../img/brake_cmdInline.gif) no-repeat;}

/* BOXELIMINA
----------------------------------------------------------------------------*/
.boxElimina {position:absolute; width:165px; right:0px; top:18px; color:#fff; font-size:10px; display:none;}
.boxElimina .body{background:url(../img/boxElimina_body.png); padding:10px 16px; overflow:hidden;}
.boxElimina .body a{display:block; float:left; margin-right:5px;}

/* FORM 
----------------------------------------------------------------------------*/

.maschera {font-size:12px;}

.maschera .campo{margin-bottom:5px; overflow:hidden;}
.maschera .immagine img{max-height:150px;}

.maschera .select{width:470px;}
.maschera .file{width:470px;}
.maschera .foto{text-align:center;}
.maschera .foto div{border:1px solid #005da2; padding:5px; margin:0 auto; background-color:#e6f2fa;}
.maschera .label{line-height:22px; font-weight:bold;}
.maschera .info{color:#f03; font-size:10px;}

.data{float:left; font-size:10px; padding:0 4px;}
.data a{float:left; display:block;}
.data input{width:30px; margin:0 5px; float:left;}
.data.coda{border-left:1px solid #333;}

.submit {background-color:#369; height:25px; padding:20px; width:840px; position:relative; left:-20px; top:20px; border-top:1px solid #454841; font-size:12px; clear:both;}
.submit a{margin-right:7px;}
.submitOrdine {display:none;}

.imgBox {width:840px; position:relative; left:-20px; margin-bottom:20px; border-bottom:1px solid #666; padding:0 20px;}

.allegatiBox {width:840px; position:relative; left:-20px; top:20px; padding:20px 20px; border-top:1px solid #666; font-size:11px;}

.modificaFile {position:absolute; display:none; left:25px; background-color:#898E85; width:445px; z-index:20;}
.modificaFile input{width:408px;}
.modificaFile a{float:right; margin-right:3px;}

.text{width:655px;}
select {width:655px;}
textarea{width:655px; height:168px;}

.radio {float:left; background:url(../img/brake_cmdInline.gif) no-repeat right top; padding-right:30px; margin-right:8px; line-height:18px;}

form ul {margin-top:15px; margin-left:0; margin-bottom:0; padding:0; font-size:11px;}
form li{background:url(../img/dot_orizzontale.gif) repeat-x left bottom; padding:0 0 1px 0;  position:relative;}
form li .cmdInline{display:block; padding:2px 0; z-index:10;}
form li a.punto{display:block; background:url(../img/icona_elenco.gif) 7px 2px no-repeat; line-height:22px; padding-left:30px;}
form li a.punto:hover {background-color:#a3a89f;}
form li a.link{display:block; background:url(../img/icona_elenco.gif) 7px 2px no-repeat; line-height:22px; padding-left:30px;}
form li a.link:hover {background-color:#a3a89f;}
form li.selected a.punto{background-color:#898e85; position:relative;}

/*classi text*/
.ragioneSociale {padding-right:15px; float:left; width:450px;}
.ragioneSociale .text {width:450px;} 
.partitaIva .text{width:190px;}
.nome {padding-right:15px; float:left; width:320px;}
.nome .text{width:320px;}
.cognome .text{width:320px;}
.cap {padding-right:15px; float:left; width:100px;}
.cap .text{width:100px;}
.telefono {padding-right:15px; float:left; width:208px;}
.telefono .text{width:208px;}
.fax {padding-right:15px; float:left; width:208px;}
.fax .text{width:208px;}
.email .text{width:208px;}
.citta {padding-right:15px; float:left; width:467px;}
.citta .text{width:467px;}
.provincia .text{width:57px;}

/*wysiwyg*/
.wysiwug_cmd {padding-bottom:5px;}
.wysiwug {height:168px; background-color:#fff; width:651px; padding:2px; font-size:11px; overflow:auto;}
.wysiwug a{color:#00e; text-decoration:underline;}

/*periodo*/
#periodoAdd{display:none; padding-top:15px;}

/* LOGIN 
----------------------------------------------------------------------------*/
#loginBox {width:400px; font-size:12px;}
#loginBox div {line-height:25px;}
#loginBox .campo {margin-bottom:1px; line-height:25px; padding-bottom:15px;}
#loginBox .campo input.text {width:273px; float:right; padding:3px; height:15px; border:1px solid #5a5f56;}
#loginBox .campo input.check {margin-top:0px; width:15px;}
#loginBox .campo span {margin-right:58px;}

.browser {font-size:11px; z-index:10; padding-top:15px;}
.browser strong{color:#d00;}
.browser ul{margin:0; padding:5px 0;}
.browser li{font-size:11px; z-index:10;}
.browser li img{margin-right:5px;}

/* TEST 
----------------------------------------------------------------------------*/
.queryTest {background-color:#CC3300; color:#fff; position:absolute; bottom:-150px; left:0; width:100%; z-index:1000; font-size:11px;}
.queryTest a{position:absolute; top:10px; right:10px; color:#fff; font-weight:bold;}
.queryTest p{padding:15px;}

/* AREA CLIENT
---------------------------------------------------------------------------*/
.thumbsAC {margin:15px 0 0; padding:0;}
.thumbsAC li {float:left; margin-right:15px;}
.thumbsAC .foto img {max-height:50px; border:1px solid #fff;}

.elencoClienti {margin:15px 0 0; padding:0;}
.elencoClienti li {float:left; margin-right:17px; padding-right:17px; background:url(../img/brake.gif) repeat-y right top;}
.elencoClienti .foto img {max-height:50px; border:1px solid #fff;}