﻿a
{
    text-decoration:none !important;
    color:#0000ff;
}

a:hover
{
    text-decoration:underline;
    color:#0000ff;
}

.fL { float: left; }
.fR { float: right; }
.Clr { clear:both; }

.divBoxButton
{
    border-top: 1px solid #aaa; 
    text-align: center; 
    padding: 10px 2px 0 2px;
    background: #fff url(/images/DepositoTelematico/BoxButton.jpg) repeat-x  top center;
    border-radius:6px;
}


.btnIndietro 
{
    margin-right:20px;
    height: 30px;
    width:100px;
}

.btnIndietro:hover, .btnSalva:hover, .btnScarica:hover, .btnInviaDeposito:hover, #sign:hover, .btn:hover
{
	box-shadow: inset 0 0 1px 1px #fff;
	cursor:pointer;
}

.btnSalva
{
    width:150px;
    font-weight: bold;
}

.btnScarica
{
    color:#000066;
}

.btnInviaDeposito
{
    color:#006600;
    font-weight: bold;
    width: 200px !important;
    font-size:16px;
}

.BoxDep 
{
    min-width:725px;
    position:relative;
    /*box-shadow: 0 2px 16px #aaa;*/
    border-radius: 3px 3px 10px 10px;
    border: 1px solid #ccc;
}

.divDeposito
{
    margin:0;
    max-width:1300px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-top: 6px solid #fabb51;
    border-radius: 3px 3px 10px 10px;
    box-shadow: 0 2px 16px #a6a6a6;
}

.divDeposito input[type="submit"], .divDeposito input[type="button"], divDeposito input[type="reset"], divDeposito input[type="file"]
{
    padding: 6px 14px 6px 14px !important;
    text-shadow: 0 -1px 1px #fff !important;
    width:auto;
    height:auto !important;
    vertical-align:middle !important;
}

.divDeposito input[type="submit"]:hover, .divDeposito input[type="button"]:hover, .divDeposito input[type="reset"]:hover, divDeposito input[type="file"]:hover
{
    
    cursor:pointer;
}

.divDeposito .viewselezioneprocedura
{
    margin-bottom: 20px !important;
    width:100% !important;
    margin:0;
}

.divDeposito .linkCambiaProcedura
{
    width:99% !important;
}

.Panelbody .divTitoloDep,.Panelbody .TipoFirma
{
    padding:4px 10px 4px 10px ;
    margin:0 0 20px 0;
    font-weight:bold;
    font-size:14px;
    text-shadow: 0 -1px 0 #ddd;
    text-align:left;
    border-bottom: 1px solid #d0d0d0;
    background: #eee url(/images/DepositoTelematico/TitoloDep.jpg) repeat-x  bottom center;
    border-radius:6px;
}

.divBoxDep 
{
    text-align:center;
}

.divBoxDep iframe
{
    box-shadow: 0 2px 16px 1px #888;
    border: 1px solid #888;
    background-color:#fff;
    border-radius: 3px;
}

.TipoFirma
{
    color:#000066;
    border: 1px solid #d0d0d0;
    padding:8px 15px 8px 15px;
    display:inline-block;
    font-weight:normal !important;
}

.riquadromascheraselezione
{
    background-color:#fff;
}

.divBody
{
    background-color: #f8f8f9;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    text-align:left;
    box-shadow: inset 0 4px 3px 0px #ccc;
    padding:6px;
    position:relative;
}

.divAtt 
{
    position: absolute;
    display:none;
}

.divAttendere 
{
    z-index:1001; 
    background-color: #e6f6ff; 
    color: #000000; 
    border-radius: 18px; 
	box-shadow: 0px 0px 10px 1px #003060, inset 0px 0px 10px 1px #003060 !important; 
	left: -60px; 
    top: 43%;
    margin: 0 50%;
    padding: 35px; 
    border: outset 2px #cccccc;
    text-align: center; 
	text-shadow: 0 1px 0 #ffffff;
    font-weight:normal;
    animation: fadeTrasform 0.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
    position:fixed;
}

@keyframes fadeTrasform { 0% { opacity: 0;transform: scale(0);} 100% { opacity: 1; transform:  scale(1); } }

.divAttBack 
{
    z-index:1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.60;
    filter: alpha(opacity=60);
    filter: blur(6px);    
    animation: fadeBack 0.5s 1 cubic-bezier(0.77, 0, 0.175, 1);
    background: #1166aa url(/images/bg_deptel.jpg) center center;
}

@keyframes fadeBack { 0% {opacity:0;} 100% {opacity:0.60;} }

.divMainStep 
{
    margin:0 auto; 
    text-align:center;
    background-image: -o-linear-gradient(top, #ffdca1, #ffffff);
    background-image: -ms-linear-gradient(top, #ffdca1, #ffffff);
    background-image: -moz-linear-gradient(top, #ffdca1, #ffffff);
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0,#ffdca1),color-stop(1,#ffffff));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffdca1', EndColorStr='#ffffff')";
}

.divStep
{
    white-space:nowrap;
    position:relative;
    padding:0;
    margin:0; 
    text-align:left; 
    background-color: #ffe7c0;
}

.divStep .BoxOff, .divStep .BoxOn, .divStep .BoxOk, .divStep .BoxOkOff
{
    display:inline-block ;
    text-align:justify;
    vertical-align:middle;
    border:none;
    text-shadow: 0 1px 0 #ffffff;
    padding:4px 20px 4px 0;
    margin:4px 0 4px 0 !important;
    text-decoration:none;
    border-radius: 4px;
    white-space:nowrap;
    overflow:hidden;
    max-width:170px;
    min-width:90px;
}

.divStep .BoxOn img, .divStep .BoxOff img, .divStep .BoxOk img, .divStep .BoxOkOff img
{
    margin:5px 2px 2px 2px;
    width:25px;
    height:25px;
}

.divStep .BoxOff img
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.BoxOkOff
{
    cursor:not-allowed;
}

.divStep .BoxOk,.divStep .BoxOkOff
{
    background-color: #e0ffe0;
    background: url(/images/DepositoTelematico/ok.png) no-repeat right top;    
    color:#555555;
    font-weight:normal;
    border: 1px solid #22aa22;
    box-shadow: 0 0 10px 1px #99cd99;
}

.divStep .BoxOn, .divStep .BoxOk:hover 
{
    cursor:pointer;
    background-color: #e0f9ff;
    background: url(/images/DepositoTelematico/sel.png) no-repeat right top;
    color:#555555;    
    border: 1px solid #99aaff;
    box-shadow: 0 0 8px 1px #99cdee;
    text-decoration:none !important;
}

.divStep .BoxOn:hover, .divStep .BoxOk:hover 
{
    cursor:pointer;
    box-shadow: 0 0 20px 4px #a9cfff;
    color: #ff0000;
    cursor:pointer;
    text-decoration:none !important;
}

.divStep .BoxOff
{
    background-color: #f3f3f3;
    color:#333;
    font-weight:normal;
    border: 1px solid #ccc;
    box-shadow: inset 0 0 6px #ddd;
    filter:alpha(opacity=45);
    opacity:0.45;
}

.divStep .BoxOff:hover
{
    color: #333 !important;
    cursor: default;
    cursor:not-allowed;
    text-decoration:none !important;
}

.tbSelDep
{
    width:100%;
}

.tbSelDep th, .tbSelDep td
{
    padding:3px;
    vertical-align:top;
}

.tbSelDep th
{
    text-align:right;
}

.divSelezioneDeposito 
{
    padding:10px; 
    text-align:left;
}

.divSelezioneDeposito select
{
    font-size:16px;
    font-family:Verdana,Arial;
    color:#000;
}

.divSelezioneDeposito th
{
    width:108px;
}

.lbInfoDeposito 
{
    background: #808080 url(/images/DepositoTelematico/TitleBar.jpg) repeat-x bottom center;
    color:#ffffff;
    font-weight:normal;
    text-shadow: 0 -1px 0 #000;
    text-align:center;
    vertical-align:middle;
    padding:6px;
    display:block;
    margin:0;
    line-height:20px;
    font-size:14px;
    overflow:hidden;
}

.lbInfoDeposito b
{
    display:inline-block;
    color:#ffffdf;
    vertical-align:middle;
    padding-bottom:3px;
    font-size:15px;
}

.lbInfoDeposito div
{
    font-size:16px;
    font-family:Verdana, Arial,Calibri;
    vertical-align:baseline;
}

.lbInfoDeposito div b
{
    display:inline-block;
    font-size:17px;
    color:#ddffdd;
    vertical-align:middle;
    padding-bottom:3px
}

.divSelezioneDeposito select 
{
    height: auto !important;
}

.ddlAttoHeader
{
    text-align:center;
    width: 680px;
    padding:1px 0 4px 0;
    vertical-align:middle;
    border-top: 1px solid rgb(169, 169, 169);
    border-left: 1px solid rgb(169, 169, 169);
    border-right: 1px solid rgb(169, 169, 169);
    font-size:15px !important;
    font-weight:bold !important;
    background: #666 url(/images/DepositoTelematico/AttoHeader.jpg) repeat-x top center;
    text-shadow: 0 -1px 0 #000;
    color:#fff;
    border-top-left-radius: 6px; 
    border-top-right-radius: 6px;
}

.ddlAtto 
{
    width:680px;
    overflow:hidden;
    cursor: pointer;
    border: 1px solid rgb(169, 169, 169);
    min-height:23px;
    background-color:#fff;
}

.ddlAtto div.intro {
    background: url(/images/page_white.png) 8px center no-repeat;
	color:#666600;
}
.ddlAtto div {
	color:#330000;
    padding:1px 4px 3px 6px;
    font-size:16px;
    font-family:Verdana,Arial;
    white-space:nowrap;
    padding-left: 30px;
    background: url(/images/page_white_text.png) 8px center no-repeat;
	margin: 0 3px 0 3px;
    /*transition: opacity 0.01s,transform 2s;*/
}
.ddlAtto div.intro:hover
{
    background: #fabb51 url(/images/page_white.png) 8px center no-repeat;
}
.ddlAtto div:hover
{
    background: #fabb51 url(/images/page_white_text.png) 8px center no-repeat;
}

.ddlAtto div:hover
{
    color:#000;
    border-radius:3px;
    /*
    box-shadow: inset 0px 0px 1px 1px #000066;
    text-shadow:0 -1px 1px #000066;
    color:#fff;
    background-color: #000066;
    background-image: linear-gradient(top, #3366aa, #000066);
    background-image: -o-linear-gradient(top, #3366aa, #000066);
    background-image: -ms-linear-gradient(top, #3366aa, #000066);
	background-image: -moz-linear-gradient(top, #3366aa, #000066);
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0,#3366aa),color-stop(1,#000066));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#3366aa, EndColorStr=#000066)";*/
	text-decoration:none;
    /*transform: scale3d(1,1.11,1);*/
}

.ddlAtto span 
{
    display: block;
    color: #888;
    padding: 2px 0 0 10px;
    cursor: default;
}

.subtitle 
{
    text-shadow: 0 1px 0 #fff;
}

.Panelbody 
{
    box-shadow: 0px 2px 6px 1px #BBB;
    border-radius: 6px;
    text-align: left;
    padding: 6px;
    border: 1px solid #ccc;
    background-color:#fff;
    min-width:690px;
    margin: 0 auto;
}

.fuCarica 
{
    font-size:16px;
}

.BoxDatiAtto 
{
    position:absolute;
    box-shadow: 0px 2px 16px 1px #111;
    border-radius: 6px;
    text-align: left;
    padding: 0;
    border: 1px solid #aaa;
    background-color: #505050;
    left:-375px;
    margin: 0 50%;
    top: -180px;
    word-wrap: break-word !important;
    animation: fadeTrasform 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
}


.BoxDatiAtto .Header
{
    vertical-align:middle;
    text-align:center;
    padding:4px;
    font-size:16px !important;
    font-weight:bold !important;
    text-shadow: 0 -1px 0 #000;
    color:#fff;
    border-top-left-radius: 6px; 
    border-top-right-radius: 6px;
    background-color: #707080;
    background-image: linear-gradient(top, #a4a4a4, #707080);
    background-image: -o-linear-gradient(top, #a4a4a4, #707080);
    background-image: -moz-linear-gradient(top, #a4a4a4, #707080);
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0,#a4a4a4),color-stop(1,#707080));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#a4a4a4, EndColorStr=#707080)";
}


.BoxDatiAtto .Header .BoxClose {
    vertical-align: middle;
    float: right;
    padding: 2px 5px 2px 5px;
    margin:0 4px 0 0;
    cursor: pointer;
    font-weight: bold !important;
    font-size: 14px !important;
    text-shadow: 0 -1px 1px #440000;
    color: #fff;
    background: #b11d1d url(/images/barra_rossa.png) center center;
    border-radius: 5px;
    border: 1px solid #ff0000;
}


.BoxDatiAtto .divXml
{
    border: 1px solid #707080;;
    box-shadow: inset 0 0 10px 1px #888;
    margin:1px;
    overflow-y:auto;
    bottom:0;
    padding:10px;
    width: 760px;
    height:500px;
    color:#000000;
    font-family:'Courier New',Verdana,Arial;
    font-size:15px;
    background-color:#fff;
    cursor:default; 
    
}

.BoxDatiAtto .divXml span
{
    color:#ff0000;
}

.BoxDatiAtto .divXml xmlns
{
    color:#00aaff;
}

.BoxDatiAtto .divXml tag
{
    color:#ff00ff;
}
.BoxDatiAtto .divXml tag1
{
    color:#ff6600;
}
.BoxDatiAtto .divXml tag2
{
    color:#999999;
}
.BoxDatiAtto .divXml tag3
{
    color:#008800;
}

.AjaxUploaderAttachmentsTableRow
{
    /*width:100%;*/
    max-width: 780px;
    word-wrap: break-word !important;
}

.AjaxUploaderAttachmentsTableRow span, .AjaxUploaderAttachmentsTableRow td
{
    max-width: 660px;
    word-wrap: break-word; 
    color:#000;
}

.AjaxUploaderAttachmentsTableRow a
{
    white-space:nowrap;
}

.ViewFileNF
{
    text-align: left; 
    border-bottom: 1px solid #e4e4e4; 
    vertical-align:top;
    
}

.ViewFileNF, .ViewFileNF a 
{
    word-wrap: break-word !important;
    width:500px;
}

.ViewFileCat 
{
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    white-space: nowrap;
    padding: 5px 0 5px 0;
}

.ViewFileSz 
{
    text-align: right;
    border-bottom: 1px solid #eeeeee;
    white-space: nowrap;
    padding: 5px 0 5px 0;
}

.divInfoDep, .divInfoDep table 
{
    margin:0 auto;
    text-align:center;
}

.divInfoDep td
{
    text-align:left;
    vertical-align:top;
    font-weight:bold;
}

.divInfoDep th
{
    text-align:right;
    vertical-align:top;
    font-weight:normal;
    white-space:nowrap;
}

.divInfoDep input 
{
    padding:3px;
    font-size: 14px;
}

.uEF 
{
    display:none;
    text-align:left;
    font-weight:normal;
    padding:10px;
    width: inherit;
}

.uEF table
{
    /*width: inherit;*/
    text-align:left;
    margin:0;
}

.uEF td
{
    font-weight: normal;
    width:auto;
    padding: 2px 4px 2px 4px;
    width: inherit;
}

.tbViewFile
{
    border-spacing: 10px;
    border-collapse:separate;
    border:0;
    width:100%
}

.tbViewFile td 
{
    padding:2px;
}

.tbViewFile .trVf
{
    border-top: 1px solid #eeeeee;
}

.tbViewFile .trVf td
{
    border-bottom: 1px solid #eeeeee; 
    white-space: nowrap;
}

.divBoxSn
{
    width:380px;
    border: 1px solid #666; 
    background-color:#fafdff;
    box-shadow: 0 1px 2px #888;
    padding:6px;
}

.ToolTips 
{
    text-align:left !important;
    border-radius: 6px !important;
    border: 1px solid #ffaa00 !important;
    background-color:#fffff6 !important;
    padding:6px !important;
    line-height:20px !important;
    -ms-box-shadow: 0 1px 6px 2px #aaa !important;
    -moz-box-shadow: 0 1px 6px 2px #aaa !important;
    -webkit-box-shadow: 0 1px 6px 2px #aaa !important;
    box-shadow: 0 1px 6px 2px #aaa !important;
    background-image: -o-linear-gradient(top, #fffffe, #ffffdd) !important;
    background-image: -ms-linear-gradient(top, #fffffe, #ffffdd) !important;
    background-image: -moz-linear-gradient(top, #fffffe, #ffffdd) !important;
    background-image: -webkit-gradient(linear,left top,left bottom,	color-stop(0,#fffffe),color-stop(1,#ffffdd)) !important;
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#fffffe, EndColorStr=#ffffdd)" !important; 
    font-family:Titillium Web,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif !important;
    font-size: 0.94rem!important;
}

.ToolTips img
{
    margin:1px 4px 2px 12px !important;
    vertical-align:middle !important;
}

.ToolTips ul
{
    padding:0 0 0 20px;
    margin:0;
}

.CheckBox label
{
    cursor:pointer;
}

.tbElencoFile
{
    width:100%;
}

.tbElencoFile i
{
    font-weight:normal !important;
}

.tbElencoFile th
{
    white-space:pre-wrap;
    word-wrap:break-word;
    text-align:left;
    border-bottom: 1px solid #fff;
	border-top: 1px solid #f6f6dd;
    background-color:#fff;
}

.tbElencoFile td
{
    white-space:nowrap;
    font-weight:bold;
    border-bottom: 1px solid #fff;
	border-top: 1px solid #f6f6dd;
    background-color:#fff;
}

/* >>>> FIRMA */

#spPulsanti button, .btn {
	padding: 4px 20px 4px 20px;
	height: 35px;
}

.footer {
	width: 400px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 14px;
	border-radius: 5px;
	padding: 4px 4px 6px 4px;
    box-shadow: 0 2px 6px #666;
	vertical-align: middle;
}

.footer span {
	vertical-align: middle;
	padding-left: 1%;
}
.st-dk {
	color: white;
	background-color: orange;
	border: 1px solid darkorange;
}

.st-ok {
	/*color: white;
	background-color: #00bb00;
	border: 1px solid darkgreen;*/
    display:none;
}

.st-ko {
	/*color: white;
	background-color: tomato;
	border: 1px solid darkred;*/
    display:none;
}
.leftpad { padding-left: 2%; }
.hide { display: none; }
.table { display: table; }

.divBoxAlleg {
    margin:0 auto;
    display:table;
    text-align:left;
    padding:6px;
    border:1px solid #ddd; 
    box-shadow: 0 2px 3px #ccc;
    border-radius:3px;
}

.aElencoFile
{
    display:block;
    padding: 5px 5px 5px 23px;
    background: url(/images/DepositoTelematico/document.png) left no-repeat;
    color:#0000ff !important;
    font-weight:normal;
}

.aElencoFileSign
{
    background: url(/images/DepositoTelematico/edit.gif) left no-repeat !important;     
    color:#000000 !important;
}

.aElencoFileOk
{
    background: url(/images/DepositoTelematico/complete.png) left no-repeat !important;     
    color:#007700 !important;
}

.MsgErrorPin
{
    color:#ff0000;
    padding:6px 12px 6px 12px;
    border:1px solid #ff0000;
    background-color:#fff3f0;
    box-shadow: 0 0 6px 1px #ff0000;
	border-radius:3px;
    display:block;
}


.selezioneprocedura .riquadromascheraselezione
{
	box-shadow: 0 2px 4px #999;
}
/* <<<< FIRMA */