/****************************************/
/* CLASSI DI BASE		 				*/
/****************************************/

body {
    margin: 0;
    padding: 0;
    font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

textarea, input, select {
    font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

form {
	margin: 0;
    padding: 0;
}

div p {
    margin: 0;
    padding: 0.5em 1em;
}

a img {
	border: none;
}

a {
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

.displayNone {
	display: none;
}

p.titolo {
    font-weight: bold;
    font-size: 120%;
    padding: 0.2em 0em;
}

input,
select,
textarea {
	border-radius: 5px;
	border: 1px solid #C3BBB6;
}

input,
textarea {
	padding: 2px 4px;
}

select {
	padding: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
}

input[type="checkbox"] {
	vertical-align: middle;
}

textarea {
	width: 300px;
	height: 100px;
}


fieldset {
    border: none;
}


/****************************************/
/* EFFETTI GRADIENTE 					*/
/****************************************/

.gradientTopDown {
    /* webkit */
    background-image: -webkit-gradient(
      linear, left top, left bottom,
      from(rgba(255, 255, 255, 1)),
      to(rgba(255, 255, 255, 0))
    );
    /* mozilla - FF3.6+ */
    background-image: -moz-linear-gradient(
      rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 95%
    );
}

.gradientBottomUp {
    /* webkit */
    background-image: -webkit-gradient(
      linear, left bottom, left top,
      from(rgba(255, 255, 255, 1)),
      to(rgba(255, 255, 255, 0))
    );
    /* mozilla - FF3.6+ */
    background-image: -moz-linear-gradient(
      rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 95%
    );
}


/****************************************/
/* OMBRE COMPONENTI RICH				*/
/****************************************/

.rich-menu-list-bg {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
}

.rich-tool-tip {
	box-shadow: 0 2px 4px -1px rgba(0,0,0,0.5);
}

.dr-mpnl-pnl {
	box-shadow: 0 3px 7px rgba(0,0,0,0.5);
}

/****************************************/
/* SEPARATORI		 					*/
/****************************************/

hr.separatoreGrigio {
	border: none;
	border-bottom: solid #D2C9C4 1px;
}


/****************************************/
/* MESSAGGI DI ERRORE 					*/
/****************************************/

.table-entry .error {
	padding-left: 25px;
	background: url(../../img/fatal.png) no-repeat 6px 50%;
}

.table-entry .errors input[type="text"] ,
.table-entry .errors select {
	color: #5E5147;
    border: 1px solid #dd0000;
}

.entry .error {
	padding-left: 25px;
	background: url(../../img/fatal.png) no-repeat 6px 50%;
	color: #dd0000;
	display: block;
	margin: 2px 0;
}

.entry label.errors {
	font-weight: normal;
	color: black;
}

.errors input,
.errors select,
.errors textarea {
	border-color: #DD0000;
}

.errors ul {
    list-style: none;
}

.entry .warning {
	padding-left: 25px;
	background: url(../../img/icons/warn.png) no-repeat 6px 50%;
	color: #ff641a;
	display: block;
	margin: 2px 0;
}


/****************************************/
/*  PULSANTI							*/
/****************************************/

.buttonBox {
    text-align: center;
    padding: 2px 0;
    clear: both;
}

input[type="submit"], 
input[type="button"],
.linkButton a {
	overflow: visible; /* ie7 */
	width: auto; /* ie7 */
    color: #000000;
    border-left: solid 1px #DCE3ED;
    border-top: solid 1px #DCE3ED;
    border-bottom: solid 1px #6481A4;
    border-right: solid 1px #6481A4;
    background: #fff url(../../img/portalestd/bgpulsante.jpg) 0 0 repeat-x;
    cursor: pointer;
    margin: 2px 0;
}

input[type="submit"].disabled, 
input[type="button"].disabled,
input[type="reset"].disabled {
	color: #bbbbbb;
}

input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus,
.linkButton a:hover, 
.linkButton a:focus {
	background: #fff url(../../img/portalestd/bgpulsantehover.jpg) 0 0 repeat-x;
}

.linkButton {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 8px;
}

.linkButton a {
    text-decoration: none;
    padding: 2px 4px;
}

.linkButton a:hover, 
.linkButton a:focus {
    color: #000000;
}

.linkButton img {
	padding-right: 5px;
	padding-bottom: 3px;
	vertical-align: middle;
	border: 0;
}

/****************************************/
/*			BUTTON BAR					*/
/****************************************/
.bgButtonBar {
	background-color: #FAFBFF;
	position: fixed;
	left: 0;
	right: 0;
	top: 74px;
	height: 34px;
	z-index: 50;
}

.buttonBar {
	position: fixed;
    top: 80px;
    left: 6px;
    right: 6px;
	background-color: #EAF1FB;
    border: 1px solid #BED6F8;
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	z-index: 51;
}

.buttonBarTitle,
.buttonBarSeparator,
.buttonBarButton {
	white-space: nowrap;
	border-right: 1px solid #D9E6F9;
}

.buttonBarTitle {
	font-weight: bold;
	font-size: 110%;
	padding: 4px 12px;
	color: #333333;
	background-color: #CEE1FB;
	border-radius: 5px 0 0 5px;
}

.buttonBarSeparator {
	width: 1px;
	height: 26px;
}

.buttonBarButton {
	margin: 0;
	cursor: pointer;
	padding: 5px 6px;
	color: black;
}

.buttonBarButton:hover {
	background-color: #DFEAF9;
	/* webkit */
    background-image: -webkit-gradient(
      linear, left top, left bottom,
      from(rgba(255, 255, 255, 0)),
      to(rgba(255, 255, 255, 1))
    );
    /* mozilla - FF3.6+ */
    background-image: -moz-linear-gradient(
      rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 95%
    );
}

.buttonBarButton img {
	margin-bottom: -3px;
}

.bgButtonBarStatic {
	background-color: #FAFBFF;
	height: 34px;
	z-index: 50;
}

.buttonBarStatic {
	background-color: #EAF1FB;
    border: 1px solid #BED6F8;
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
	z-index: 51;
}

.buttonBarStaticTitle,
.buttonBarStaticSeparator,
.buttonBarStaticButton {
	white-space: nowrap;
	border-right: 1px solid #D9E6F9;
}

.buttonBarStaticTitle {
	font-weight: bold;
	font-size: 110%;
	padding: 4px 12px;
	color: #333333;
	background-color: #CEE1FB;
	border-radius: 5px 0 0 5px;
}

.buttonBarStaticSeparator {
	width: 1px;
	height: 26px;
}

.buttonBarStaticButton {
	margin: 0;
	cursor: pointer;
	padding: 5px 6px;
	color: black;
}

.buttonBarStaticButton:hover {
	background-color: #DFEAF9;
	/* webkit */
    background-image: -webkit-gradient(
      linear, left top, left bottom,
      from(rgba(255, 255, 255, 0)),
      to(rgba(255, 255, 255, 1))
    );
    /* mozilla - FF3.6+ */
    background-image: -moz-linear-gradient(
      rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 95%
    );
}

.buttonBarStaticButton img {
	margin-bottom: -3px;
}

/****************************************/
/*  BARRA COMANDI E BENVENUTO			*/
/****************************************/

.dr-toolbar-int,
.dr-label-text-decor {
	font-weight: normal;
	padding: 0;
}

/****************************************/
/* TABELLE								*/
/****************************************/

table.custom, table.customHeaderLeft {
	border: 1px solid #D2C9C4;
	border-collapse: collapse;
	width:100%;
}

table.custom caption, table.customHeaderLeft caption{
	padding-bottom: 3px;
	text-align: left;
	font-weight: bold;
}

table.custom thead th,
table.customHeaderLeft thead th, 
table.custom tbody tr.customHeader td {
	border-left: 1px solid #D2C9C4;
	background: #fff url(../../img/th.bg.gif) 0 100% repeat-x;	
	border-bottom: 1px solid #D2C9C4;
	padding: 2px;
	text-align: left;
}

table.custom tbody tr.customHeader td {
	font-weight: bold;
}

table.custom tbody tr.customBody td {
	vertical-align:top;
}

table.custom tbody tr.customHeader td input[type="checkbox"] {
	margin: 4px 10px 4px 8px;
}

table.headerfilter thead th {
	padding-right: 20px;
	padding-left: 5px;
}

table.headerserverfilter thead th {
	text-align: center;
	padding: 0 12px 2px 2px;
}

table.headerserverfilter thead th input{
	width: 100%;
}

table.custom thead th div {
	text-align: center;
}

table.custom thead th div input[type="text"]{
	width: 95%;
	margin: 2px 0px 2px 0px;
}

table.custom tbody td,
table.customHeaderLeft tbody td {
	border-left: 1px solid #E4DBD5;
	padding: 2px;
	border-bottom: 1px solid #D2C9C4;
}

table.customHeaderLeft tbody td.small {
	width: 30px;
}

table.custom tbody td.wizard{
	vertical-align:top;
	padding:5px;
}

table.custom .rowOver,
table.customHeaderLeft .rowOver {
	background-color: #F1F1F1;
}

table.custom .rowOut,
table.customHeaderLeft .rowOut {
	background-color: #FFFFFF;
}

.table-entry select {
	border: 1px solid #C3BBB6;
    padding: 1px;
}

.table-entry .normal {
	padding: 1px;
}

.table-entry .spacer {
	padding-left: 30px;
}

table.list {
	border-color:#D2C9C4;
	border-style: solid;
	border-width: 1px 0;
	
	border-collapse: collapse;
	width:100%;
}

table.list caption {
	padding-bottom: 3px;
	text-align: left;
	font-weight: bold;
}

table.list thead th {
	background: #fff url(../../img/th.bg.gif) 0 100% repeat-x;	
	border-bottom: 1px solid #D2C9C4;
	padding: 2px;
	text-align: left;
}

table.list thead th div{
	text-align: center;
}

table.list thead th div input[type="text"]{
	width: 95%;
	margin: 2px 0px 2px 0px;
}

table.list tbody td {
	padding: 2px;
	border-right: none;
}

table.list tbody td.wizard{
	vertical-align:top;
	padding:5px;
}

.titleCategory {
	font-size: 120%;
	font-weight: bold;
	padding: 5px 5px 15px 5px;
	color: #565456;
}

/****************************************/
/* GESTIONE ORDINAMENTO 				*/
/****************************************/

table.custom thead th .up,
table.customHeaderLeft thead th .up {
	background-image:url(../../img/01_up.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	padding-right:20px;
}

table.custom thead th .down,
table.customHeaderLeft thead th .down {
	background-image:url(../../img/01_down.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	padding-right:20px;
}

/**********************************/
/* TABELLA VISUALIZZAZIONE DATI   */
/**********************************/

table.details {
	border-collapse: collapse;
	width:100%;
}

table.details tbody td {
	padding: 2px;
}

table.details .rowOver {
	background-color: #F1F1F1;
}

/****************************************/
/* TABELLA VISUALIZZAZIONE ICONE AZIONI */
/****************************************/

table.action .actionTooltip {
	color: #000000 !important;	
}

table.action {
	border-collapse: collapse;
	border: none;
}

table.action tbody td {
	padding: 0px 1px 0px 1px;
	margin: 0px;
	width: 18px;
	border: none;
}

table.action img {
	cursor: pointer;
}

/****************************************/
/* TABELLA VISUALIZZAZIONE ICONE INFO */
/****************************************/

table.info .actionTooltip {
	color: #000000 !important;	
}

table.info {
	border-collapse: collapse;
	border: none;
}

table.info tbody td {
	padding: 0px 1px 0px 1px;
	margin: 0px;
	width: 18px;
	border: none;
}

table.info img {
	cursor: help;
}

/****************************************/
/* GESTIONE PAGINAZIONE					*/
/****************************************/

.search-iterator {
	border-collapse:collapse;
	width:100%;
}

.page-iterator {
	clear:both;
	height:auto;
	overflow:hidden;
	width:auto;
}
.page-iterator .search-results {
	float:left;
	margin-top:5px;
}
.page-iterator .search-pages {
	float:right;
	vertical-align: middle;
}
.page-iterator .search-pages .page-links a {
	border-left:1px solid #CCCCCC;
	padding:2px 15px;
}
.page-iterator .search-pages .page-links{
	background-position:0 100%;
	margin-top: 4px;
}
.page-iterator .search-pages .page-links a.first {
	background-image:url(../../img/paging_first.png);
	background-repeat:no-repeat;
	border-left:medium none;
	
}
.page-iterator .search-pages .page-links a.previous {
	background-image:url(../../img/paging_previous.png);
	background-repeat:no-repeat;
}
.page-iterator .search-pages .page-links a.next{
	background-image:url(../../img/paging_next.png);
	background-repeat:no-repeat;
}
.page-iterator .search-pages .page-links a.last{
	background-image:url(../../img/paging_last.png);
	background-repeat:no-repeat;
}
.page-iterator .search-pages .page-links a.first, .page-iterator .search-pages .page-links a.previous {
	padding-right:5px;
}
.page-iterator .search-pages .page-links a.next,  .page-iterator .search-pages .page-links a.last {
	background-position:100% 0;
	padding-left:5px;
}
.page-iterator .search-pages .page-selector, .page-iterator .search-pages .page-links {
	float:left;
	
}
.page-iterator .search-pages .page-selector {
	margin-right:10px;
	padding-right:10px;
	vertical-align: middle;
}

/****************************************/
/* FORM MODIFICA DATI                   */
/****************************************/

#container .border {
	border: 1px  solid #BED6F8;
	background-color: #FFFFFF;
}

.entry {
	clear: both;
    margin: 4px;
    padding: 1px;
    background: none repeat scroll 0 0 #F9F9F9;
}

.entry .label {
	float: left;
	color: #555555;
	margin: 3px;
	text-align: right;
	vertical-align: top;
	width: 200px;
}

.entry .readonly {
	display: block;
	min-height: 16px;
	margin: 3px 5px 3px 208px;
	color: #444444;
	font-weight: bold;
}

.entry .readonly .icon {
	margin-bottom: -3px;
}

.entry .message {
	display: inline-block;
	margin: 3px 5px;
	color: #666666;
	font-style: italic;
}

.entry .messageSelect {
	display: inline-block;
	margin: 0px 5px;
	color: #666666;
	font-style: italic;
	font-weight: normal;
}

.entry input,
.entry select,
.entry textarea {
    margin: 0;
	color: #444444;
	font-weight: bold;
	text-align: left;
}

.entry .input {
	display: inline-block;
	min-height: 22px;
}

.entry .input img {
	vertical-align: middle;
}

.entry .inputCharCount {
	border-radius: 3px;
	border: 1px solid #C3BBB6;
	padding: 2px 0px;
	margin-left: 1px;
	font-weight: bold;
	float: left;
	width: 19px;
	text-align: center;
}

.labelText .label {
	padding-top: 10px;
	padding-right: 5px;
	width: 120px;
}

.labelImage {
	display: inline-block;
    margin-bottom: -3px;
    margin-left: 4px;
}

.entry .longInput {
	width: 360px;
}

.entry .longSelect {
	width: 370px;
}

.entry .shortInput {
	width: 200px;
}

.entry .shortSelect {
	width: 210px;
}

.entry .shortOutput {
	width: 300px;
}
.entry .calendarInput {
	width: 178px;
}

.rich-calendar-button {
	margin-left: 2px;
}

.modalPanel .entry .label {
	width: 146px;
}

.modalPanel .entry .readonly {
    margin-left: 154px;
}

.modalPanel .entry input,
.modalPanel .entry textarea {
	width: 240px;
}

.modalPanel .entry input[type="checkbox"] {
	width: 16px;
}

.modalPanel .entry select {
	width: 250px;
}

.modalPanel .entry textarea {
	height: 68px;
}

.modalPanel .entry .error {
	display: block;
	margin-top: 1px;
}

.metadati, 
.metadatiDetails {
	font-size: 80%;
	font-style: italic;
    border: 1px solid #BED6F8;
    background-color: white;
    color: #666666;
	padding: 3px;
	margin-top:4px;
}

.metadatiDetails {
	margin:3px;
}

/****************************************/
/* ALLEGATI			       				*/
/****************************************/

.entry .allegato {
	margin: 3px 0;
	min-height: 16px;
}

.entry .allegato a {
	color: #444444;
	font-weight: bold;
}
	
.entry .allegato img {
	vertical-align: bottom;
}

.allegatoInfoImg {
	cursor: help;
	margin-right: 4px;
}

.allegatoNome {
	margin-right: 4px;
	vertical-align: top;
}


/****************************************/
/* FILEUPLOAD		 					*/
/****************************************/

.rich-fileupload-table-td {
	border-bottom: 1px solid #C0C0C0;
}


/****************************************/
/* GESTIONE NAVIGAZIONE 				*/
/****************************************/

.bricioleDiPane {
	font-style: italic;
	font-weight: bold;
	margin: 3px 0 12px 0; 
	padding: 2px 5px 3px 8px;
}

/******************************************/
/* GESTIONE PANEL SLIDE EFFECT DEL FILTRO */
/******************************************/

.panelContainer {
	border: solid 1px #D2C9C4;
	width: 100%;
	margin: 4px -1px 6px;
	float: left;
}

.panelHeader {
	background: #fff url(../../img/th.bg.gif) 0 100% repeat-x;
	height: 20px;
	font-weight: bold;
	white-space: nowrap;
	border-bottom: solid 1px #D2C9C4;
}

.panelHeaderTitle {
	padding-left: 10px;
	white-space: nowrap; /* IE7 */
}

.panelHeaderSpace {
	width: 100%;
}

.panelHeaderButton {
	cursor: pointer;
	padding: 0 4px 0 6px;
}
.panelHeaderButton:hover {
	background: url("../../img/th.bg.hover.gif") repeat-x scroll 0 100% #FFFFFF;
}

.panelHeaderButton img {
	margin-top: 2px;
	margin-bottom: -1px;
}

.panelHeaderButtonText {
	padding: 0 1px 0 3px;
	font-weight: normal;
}

.panelHeaderImg {
	width: 36px;
	text-align: center;
	margin-top: 1px;
	margin-bottom: -2px;	
}

.panelHeaderContent {
}

.searchDiv {
	float: left;
	white-space: nowrap;
	margin: 0 0 4px 4px;
}

.searchLabel {
	display: block;
}
.searchTextField {
	width: 180px;
	vertical-align: middle;
}

.searchSelectField,
.searchSelectWidthField,
.searchRichComboBoxField {
	background-color: white;
	/*margin: 0px 0px 1px 0px; eliminata perchè da problemi nel layout */ 
	margin: 0;
	vertical-align: middle;
}

.searchSelectWidthField {
	width: 190px;
}

.searchCalendarField {
	width: 158px;
}

.searchButton {
	display: none; 
	/*
	display: inline-block;
	margin-left: 16px;
	margin-top: -2px;
	*/
}

/*@media screen and (-webkit-min-device-pixel-ratio:0) {
 .searchSelectField, .searchSelectWidthField, .searchRichComboBoxField {
 	margin: 2px 0;
 }
}*/

.selectField{
	width: 183px;
}

/****************************************/
/*	CLASSI DI BASE PER RICH COMBOBOX    */
/****************************************/

.searchRichComboBoxField {
	width: 185px;
}

.rich-combobox-item {
	height: 16px;
}

/****************************************/
/* SPINNER              				*/
/****************************************/

.spinner {
	position:absolute; 
	left:50%; 
	top:50%; 
	margin-left: -18px; 
	margin-top: -18px;
	width: 36px;
	height: 36px;
	z-index: 999;
	background-color: white;
	background-image: url(../../img/spinner.gif);
	background-repeat: no-repeat;
	border: solid #C3BBB6 1px;
}

/****************************************/
/* GESTIONE MESSAGGI 					*/
/****************************************/

.msg-info,
.msg-error,
.msg-alert,
.msg-success {
	display: block;
	font-weight: bold;
	margin: 2px auto 14px;
	padding: 3px 3px 3px 25px;
	text-align: left;
	clear: both;
}

.msg-info {
	background: #DFF4FF url(../../img/info.png) no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
}

.msg-error {
	background: #fdd url(../../img/fatal.png) no-repeat 6px 50%;
	border: 1px solid #f00;
	color: #565456;
}

.msg-alert {
	background: #ffc url(../../img/alert.png) no-repeat 6px 20%;
	border: 1px solid #fc0;
	color: #565456;
}

.msg-success {
	background: #F4FDEF url(../../img/success.png) no-repeat 6px 50%;
	border: 1px solid #ACDFA7;
	color: #384F34;
}

.messagesMargin {
	margin-top: -2px;
	margin-bottom: -9px; 
}

.no-result-found {
	margin-top:10px;
}

/****************************************/
/* PANNELLO								*/
/****************************************/

.altezzaFissaPannello {
	height: 400px;
	overflow-y: scroll;
}

.chiudiPannello {
	cursor: pointer;
}

/****************************************/
/* FORM MODIFICA DATI                   */
/****************************************/
.infoTooltip {
	border-width: 2px;
	background: white;
}

.infoTooltip hr {
	border: none;
	border-bottom: solid #E5973E 1px;
}

.infoImg {
	display:block;
	margin:auto;
	cursor:help;
}


/****************************************/
/* LINGUE                               */
/****************************************/

a.langNotSelected img {
	opacity:0.5;
	filter:alpha(opacity=50);

}

a.langNotSelected:hover img {
	opacity:1.0;
	filter:alpha(opacity=100);
}

/****************************************/
/*				IFRAME					*/
/****************************************/

.iframeBar,
.iframeBarFull {
	width: 100%;
	height: 17px;
	margin-bottom: 8px;
	background-color: #E7EFFE;
	color: #40566E;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.iframeBarFull {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
}

.iframe,
.iframeFull {
	width: 100%;
	background-color: #FFFFFF;
}

.iframeFull {
	position: absolute;
	top: 17px;
	left: 0;
	z-index: 99;
}


/****************************************/
/*			CALENDARIO EVENTI			*/
/****************************************/
.titoloEvento {
	color: #555;
	font-weight: bold;
	text-decoration: underline;
}

.titoloEvento, .contenutoEvento {
	color: #444;
	margin-top: 10px;
	margin-bottom: 5px;
}