/* CSS Document - ORMS - main */
/* html - body */
html, body { margin: 0; padding: 0; text-align: center; height: 100%; }
body { min-height: 300px; width: 100%; min-width: 998px; font-size: 74%; font-family:Arial, default; line-height: 1.3; color: #555; background: url(../images/common/bg.gif) #fff repeat-x 0 0; }
hr { clear:both; visibility:hidden; }
a:link img { border: 0; }
/* generic */
.zero { margin: 0; padding: 0; }
.displayNone { display: none; }
.center { text-align: center; margin: 0 auto; padding: 0; width: 100%; }
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.left { text-align: left; }
.top { vertical-align: top; }
.border_t { border-top: 1px dotted #555; padding-top: 4px; }
.border_b { border-bottom: 1px dotted #555; padding-bottom: 4px; }
.border_b_f1f { border-bottom: 1px dotted #f1f1f1; padding-bottom: 4px; }
.borderAll { border: 1px solid #ccc; }
.noBorder { border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; }
#noBorderTop { border-top: 0; }
.paddingB { padding-bottom: 10px; }
.paddingT { padding-bottom: 1em; }
.noPaddingL { padding-left: 0;}
.bgLightOrange { background: #fde4b3; }
.widthAuto { width: auto; }
/* msg di info 'no sottosettori' */
#container .lineHeight { line-height: 1.2em; text-align: center; }
.overflowHidden,
.approvaDoc { overflow: hidden; }
/* per td apri file */
.width5em { width: 5em; }
/* text */
h1, h2, h3 { font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif; }
h2 { font-size: 140%; }
h3 { font-size: 1.28em; }
h4 { font-size: 1.22em; }
.grassetto { font-weight: bold; }
.cyan { color: #2ea2d5; }
.orange { color: #f60; }
acronym,abbr { border-bottom: 1px dotted black; cursor: help; }
a acronym,a abbr { border-bottom: 0; }
.fontSize120 { font-size: 120%; }
.noCapitalize { text-transform: none; }
/* ul */
ul, ul li { list-style-type: none; }
/* form */
form input, form select, form textarea { font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; }
form label { font-weight: bold; text-transform: capitalize; }
/* errors - help */
#content .messaggi { margin: 0; padding: 0; width: 100%; text-align: left; }
#content .messaggi p { padding: 0; width: 100%; text-align: left; line-height: 1em; }
.error_js { height: auto; padding: 0; margin: 0 auto; font-size: 0.96em; }
#privateArea .error_js { width: auto; height: auto; padding: 0; }
#privateArea .error_js p { display: block; width: 200px; padding: 5px; margin: 0 auto; color: #f60; background: #fff; }
#form_error { border: 2px solid #f60; }
#content.orange p { text-align: center; color: #f60; }
#helpNoJS { padding: 10px; width: auto; }
/* container - main content */
#container { width: 998px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; }
#footer, .push { clear: both; height: 30px; /* .push must be the same height as .footer */ }
#container #side { float: left; width: 222px; height: auto; margin: 0; padding: 0 0 5em; }
#container #content { float: left; /*width: 720px;*/ width: 760px; height: auto; margin: 0 0 0 10px; padding: 0 0 0; border:solid 0px red;}
#container #content.home { min-height: 246px; /*background: url(/orms/layouts/images/common/bg_home.jpg) no-repeat 100% 5.8em; */}
/*#content.settori div,*/ #content.info div { width: 640px; margin: 0 auto; text-align: left; }
/* inside content */
#content h2.pageTitle { margin: 0em 0 0 0; padding: 0 0 0 4px; height: 2.6em; font-size: 1.78em; font-weight: normal; background:url(../images/common/bg_titlebar2.gif) #fff repeat-x 0 30%; color: #156d95; text-align: left; text-transform: capitalize; letter-spacing: -0.012em; }
#content h2.pageTitle span { font-size: .76em; font-weight: bold; font-style: italic; }
#content p { clear: both; text-align: justify; }
#content a:link, #content a:visited { color:#20a1cd; text-decoration: none; padding: 1px 0; border-bottom-width: 1px; border-bottom-style: dotted; }
#content a:hover, #content a:active { color:#000; border-bottom-style: solid; }
#content form { margin-top: 0; }
.box { width: auto; margin: 0 auto; border-width: 1px; border-style: solid; padding: 0; }
/* home */
.home .box { border-color: #3a9bc7 /*#156d95 #6E7D8C*/; background-color:#f1f8fc; }
.home .box h2 { text-align: left; background: #3a9bc7 /*#6E7D8C #156d95*/; color: #fff; width: auto; line-height: 1.2; margin: 0; padding: 0 0.5em; }
.home .box ul { width: 98%; margin: 0 auto; padding: 1em 0; display: block; }
.home .box ul li { text-align: left; color: #2ea2d5; width: auto; line-height: 2em; list-style-type: disc; list-style-position: inside; }
.home .box span, .home .box a { margin-left: .5em; }
.home .box span { color: #555; }
/* notifiche */
#content.notifiche p { text-align: center; }
/* info */
#content.info div { line-height: 1.8; }
#content.info h4 { margin: 18px 0 0 0; padding: 0; font-weight:bold; color:#3F5202; border-bottom:1px dotted #ccc; }
#content.info h4, #content.info p { margin-left: 24px; margin-right: 24px; }
#content.chisiamo { text-align: left; }
#content.chisiamo ul li { padding-left: 0; margin-left: 0; text-align: left; }
#content.chisiamo li { list-style-type: circle; }
/* lista settori */
#content.settori p { width: auto; text-align: left; font-weight: bold; margin-left: 0; }
#content.settori p.alfabetoTitle { font-size: 2.2em; display: block; margin: 12px 0 4px 10px; border-bottom: 1px dotted #ccc; text-align: left; color: #787b7d; }
#content.settori p a:link, #content.settori p a:visited { color: #f60; padding: 2px 6px; margin: 0 auto; border: 1px solid #fff; }
#content.settori p a:hover, #content.settori p a:active { border-color: #f60; }
#content.settori h2 { text-align: left; padding-left: 12px; }
#content.settori ul { width: auto; text-align: left; margin: 0; padding-left: 12px; }
#content.settori ul li { list-style-type: square; list-style-position: inside; margin-bottom: 4px; }
#content.settori ul li.sottosettore { list-style-type: circle; background: #f1f1f1; padding: 2px 0 3px; text-indent: 14px; }
#content.settori ul.options { padding-left: 12px; }
#content.settori ul.options li { list-style-type: none; }
#content.settori li a:link, #content.settori li a:visited { color:#555; padding: 0; border-bottom-color: #fff; }
#content.settori li a:hover, #content.settori li a:active { color:#393939; border-bottom-color: #393939; }
/* risultati ricerca documenti */
#content.settori table.elencoDoc { width: 98%; margin: 0 auto; text-align: left; }
#content.settori table.elencoDoc td,
#content.settori table.elencoDoc th { border: 1px solid #ccc; border-collapse: separate; padding: 4px 2px 4px 4px; }
#content.settori table.elencoDoc tr.grassetto { background: #f1f1f1; text-transform: capitalize; }
#content.settori table.elencoDoc a { font-weight: bold; }
/* paginazione */
#content .paginazioneSubmit { float: left; width: 470px; margin: 0; padding: 0; text-align: right; display: block; }
#content .paginazioneSubmit input { width: auto; float: left; margin: 0 1px; }
#content .paginazione { width: auto; display: none; clear: both; line-height: 24px; padding: 2px 8px 0 0; margin: 0; font-weight: bold; color: #fff; text-align: left; }
#content .paginazione span { line-height: 20px; padding: 2px 5px; margin: 0 1px; color: #156d95; background: #fff; border: 1px solid #156d95; }
#content .paginazione a, #content.settori .paginazione a { line-height: 20px; width: auto; padding: 2px 5px; margin: 0 1px; color: #fff; background: #156d95; border: 1px solid #156d95; text-decoration: none; }
#content .paginazione a:hover { color: #156d95; background: #fff; border: 1px solid #156d95; }
/* form ************************************************************************************************************/
.boxForm, .boxFormNoPaddingTop { border: 2px solid #4cb0de; text-align: left; padding: 0; padding-top: 12px; clear: both; /*width: 718px;*/ width: auto; height: auto; margin: 10px auto 0; }
.boxFormNoPaddingTop { padding-top: 0; }
.boxForm { overflow: auto; }
.boxForm .overFlow { overflow: auto; }
.boxForm form div { display: none; } /* per il div col campo token */
.boxForm p { text-align: left; margin-left: 6px; padding: 0 0 10px 30px; width: auto; }
.boxForm h4 { text-align: left; margin: 0 auto 8px; padding: 6px 30px; width: auto; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; }
.boxForm h4.border { text-align: left; margin: 0 auto 0; padding: 6px 30px; width: auto; border-bottom: 1px dotted #ccc; }
.boxForm table { border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
.boxForm .label { padding-top: 2px; padding-right: 8px; vertical-align: top; font-weight: bold; text-align: right; width: 125px; white-space: nowrap; text-transform: capitalize; }
.boxForm .ico { padding-top: 2px; padding-right: 8px; vertical-align: top; text-align: right; width: 125px; white-space: nowrap; }
.boxForm .field { padding-bottom: 10px; white-space: nowrap; width: 180px; }
.boxForm .status { padding-top: 2px; padding-left: 8px; vertical-align: top; /*width: 246px;*/ white-space: nowrap; color: #f60; }
.boxForm .status img { padding-right: 14px; vertical-align: middle; }
.boxForm input, .boxForm select, .boxForm textarea { width: auto; }
.vert { margin: 10px 10px 20px 30px; width: auto; }
.vert input, .vert textarea { width: 170px; }
.boxForm#vert .label { width: 125px; }
.boxForm .widthAuto { width: auto; }
/* per input come il counter */
.boxForm .fintoInput { background: none; border: 0; font-weight: 700; }
.boxForm .fintoInput#counter { width: 2.4em; padding-left: 0; padding-right: 0; }
#divForm .campo input.noClear { display: inline; width: 2.4em; padding-left: 0; padding-right: 0; }
/* stili per elementi specifici */
#domanda { width: 25em; }
.widthFieldScadenza { width: 10.5em; }
.widthFieldScadenza input { width: 10em; }
.cal { cursor: pointer; }
.pubblica form { margin: 0; margin-left: 0; }
.pubblica .boxFormNoPaddingTop input { width: auto; }
.pubblica form .boxFormNoPaddingTop { margin: 0; margin-top: 10px; margin-left: 0; padding: 0; }
.pubblica .boxForm,
.pubblica .boxFormNoPaddingTop { margin: 0; }
/* importante! da usare! */
.boxForm .error { background:url("../images/form/fail.gif") no-repeat 0px 0px; padding-right: 15px; padding-bottom: 15px;}
.boxForm .error_msg { font-weight: bold;color: #EA5200; margin-left: 19px;}
.boxForm .success { background:url("../images/form/success.gif") no-repeat 0px 0px; padding-right: 15px; padding-bottom: 15px;}
.boxForm .success_msg { font-weight: bold; color: #0060BF; margin-left: 19px;}
/* barra opzioni form */
ul.options { display: block; height: 2em; margin: 0; padding: 4px; }
ul.options li { float: left; width: auto; padding: 0 4px; line-height: 22px; list-style-type: none; }
/* tendine ordinamento */
ul.options#lettere,
ul.options#numeri { background: #1396b6; clear: none; padding: 0.4em 0; margin-bottom: 1em; }
ul.options#lettere { float: left; width: 40%; }
ul.options#numeri { float: right; width: 56%; }
ul.options#lettere label,
ul.options#numeri label { margin-left: 0; color: #fff; }
/* per la pagina lista settori dove c'e' un solo filtro di visualizzazione */
#container #ulAlfabeto_big ul.options#lettere { width: 98%; display: block; }
ul.options#bgGray { background: #eee; border: 1px solid #ddd; width: auto; }
ul.options#bgBlue { background: #3a9bc7; width: auto; margin: 0; }
ul.options#bgBlue label { color: #fff; margin-left: 12px; clear: none; }
ul.options#bgBlue input { width: auto; }
ul.options#bgBlue_2 input { width: auto; }
/* form - gestione utenti */
#gestione { padding-top: 0; }
#gestione form { margin: 0 auto; margin-top: 0; padding-top: 0; }
#gestione h2 { text-align: left; }
#gestione p { line-height: 1; padding-bottom: 4px; }
#gestione p a:link, #gestione p a:visited { color: #f60; padding: 2px 0; margin: 0 auto; border: 1px solid #fff; }
#gestione p a:hover, #gestione p a:active { border-color: #f60; }
#gestione table a { font-weight: bold; }
#gestione table { width: 100%; clear: both; margin: 4px auto; border-spacing: 0px; border-collapse: collapse; empty-cells: show; }
#gestione table td, #gestione table th { border: 1px solid #ccc; padding: 4px 2px 4px 4px; }
#gestione table tr.grassetto,
#gestione table th.grassetto { background: #f1f1f1; text-transform: capitalize; }
#gestione input, #gestione select, #gestione textarea { width: auto; }
#gestione ul.options#bgGray { margin-top: -12px; margin-bottom: 7px; }
ul.options#lettere,
ul.options#numeri { margin-top: 0; margin-bottom: 7px; }
/* stile specifico per l'ul del form di gestione utenti */
#gestione ul.options#bgBlue { margin-top: 0; margin-bottom: 0; height: 2.1em; }
#gestione ul.options#bgBlue_2 { margin-top: 0; margin-bottom: 10px; height: 2.1em; }
#gestione ul.options#bgBlue_2 label { margin-left: 4px; }
#gestione ul.options#bgBlue_2 input { width: auto; }
/* form - gestione/approva doc */
#divForm { background: #3a9bc7; padding-top: 0; padding-bottom: 0; }
#divForm .campo, #divForm .campoCheck { height: 8.2em; float: left; display: block; margin: 0; padding: 10px 0 0; background: #f5f6f7; border-left: 1px solid #ddd; }
#divForm .campo { width: 31%; }
#divForm .campo .fr { margin-right: 7px; }
#divForm .campoCheck { width: 6%; }
#divForm .optionPerRiga { padding:4px 0; margin: 16px 0 0 0; height: 20px; background: #edeeef; display: block; border-top: 1px solid #cfd0d1; border-bottom: 1px solid #cfd0d1; }
#divForm .settoriDocumento { width: 94%; height: 70%; display: block; margin: -10px auto 0; overflow: scroll; padding: 3px; background: #fff; border: 1px solid #ccc; }
#divForm hr { display: block; visibility: visible; margin: 1px 0; padding: 0; }
#divForm input, #divForm textarea, #divForm select { display: block; margin-left: 7px; }
#divForm label { display: block; clear: both; margin-left: 7px; font-weight: bold; text-transform: capitalize; }
#divForm .noClear { clear: none; display: inline; }
#divForm a { margin-left: 7px; font-weight: bold; float: left; }
/* form - dettagli doc */
#content.formDettagliDoc .campoCheck { display: none; }
#content.formDettagliDoc .campo { width: 33%; border-right: 1px solid #ddd; }
#content.formDettagliDoc #divSceltaSettori .widthBottone { display: none; }
/* form - scelta settori */
.ul_cols { width: 100%; margin: 6px 0 0 0; padding: 0; padding-left: 0; margin-left: 0; display: block; border-top: 1px solid #ccc; }
.ul_cols li { float: left; display: block; margin: -1px -1px 0 0; border: 1px solid #ccc; padding: 4px 0 0 4px; height: 2em; }
.ul_cols li.checkbox { width: 30px; }
.ul_cols li.label { width: 51px; }
.ul_cols li.field { width: 263px; }
.ul_cols li.field input { width: 260px;}
.ul_cols li.dataName { width: 326px; }
.ul_cols li.half { width: 49%; }
.ul_cols li.sottosettore { background: #eee; }
.ul_cols li.sottosettore a { font-weight: bold; }
.ul_cols li.fieldPadre { width: 638px; }
.ul_cols li.fieldPadre input { width: 570px; }
/* generalizzare per tutti i form con i sottosettori */
form.multiCols .field input { width: 170px; }
form.multiCols .field img,
.ul_cols li.fieldPadre img { width: 11px; display: inline; float: none; margin-left: 6px; padding: 2px; border: 1px solid #393939; cursor: pointer; }
/* form - gestione/approva doc- seleziona tutti e bottoni */
#divForm ul.options#bgBlue li { float: left; display: block; clear: none; }
#divForm ul.options#bgBlue label { color: #fff; margin-left: 4px; clear: none; }
ul.options#bgBlue #widthCampoCheck { width: 3%; padding-left: 0; }
ul.options#bgBlue #widthCampoCheck input { margin-left: 4px; }
ul.options#bgBlue #widthLabel { width: 26%;}
ul.options#bgBlue .widthBottoni { width: 67%; }
ul.options#bgBlue .widthBottoni#soloBottoni { width: 98%; }
.widthBottoni input { margin-left: 4px; }
ul.options#bgBlue_2 { background: #3a9bc7; width: auto; }
ul.options#bgBlue_2 li { float: left; display: block; clear: none; }
ul.options#bgBlue_2 label { color: #fff; margin-left: 4px; clear: none; }
ul.options#bgBlue_2 .widthBottoni#soloBottoni { width: 98%; }
ul.options#bgBlue_2 .widthBottoni { width: 67%; }
ul.options#bgBlue_2 #widthCampoCheck_2 { width: 3%; padding-left: 0; }
ul.options#bgBlue_2 #widthCampoCheck_2 input { margin-left: 4px; }
ul.options#bgBlue_2 #widthLabel_2 { width: 26%; }
/* classe ajaxSottoSettore serve per formattare il div di scelta settori */
.ajaxSottoSettore { display: none; background: #a8e0fa url(../images/common/bg_divSottosettori.gif) repeat-x 0 0; border: 2px solid #7cd3fa; border-top: 0; position: absolute; bottom: 20%; left: 50%; margin: 0 0 0 -356px; padding: .5em .1em; padding-top: 15px; width: 740px; z-index: 10000; }
.ajaxSottoSettore .ul_cols { background: #fff; display: block; clear: both; width: auto; margin: 8px auto; }
.ajaxSottoSettore .ul_cols li { background: #fff; border: 1px solid #7cd3fa; float: left; display: block; padding: 4px 0 0 2px; height: 2em; }
.ajaxSottoSettore a { font-weight: bold; }
#container a.plus { border: 0; border-bottom: 0; margin-right: 4px; padding: 0; padding-bottom: 0; float: right; display: block; width: 14px; height: 14px; background: #fff url(../images/common/plus.gif) no-repeat 0 0; margin-top: -14px; }
#container a.plus:hover { background-position: 100% 0; }