﻿
/* Sistri Main Css Style @ Ecocerved */
/* ************************************************* */
h2
{
  font-weight: bold;
  color: #A01517;
}
/* ************************************************* */
/* Home Page portale Sistri */
/* ************************************************* */
#sistri-home
{
  text-align: justify;
}
#sistri-home h2
{
  font-weight: bold;
  color: #A01517;
}
.red-sistri
{
  font-weight: bold;
  color: #A01517;
}
#sistri-home .leftText
{
  float: left;
  width: 600px;
  padding-right: 10px;
}
#sistri-home .rightText
{
  float: right;
  width: 400px;
  border: 1px solid #EEE;
  padding-left: 10px;
}
/* ************************************************* */
/* Contatti - Public - Sistri */
/* ************************************************* */
.contattilabel
{
  margin: 0.25em 0 0.25em 0;
  padding: 0.25em;
  display: inline-block; /*background-color: Green;*/
  width: 200px;
  font-weight: bold;
  text-align: right;
}
.contattitext
{
  margin: 0.25em 0 0.25em 0;
  padding: 0.25em;
  display: inline-block; /*background-color: Red;*/
  width: 700px;
  text-align: left;
}
/* ************************************************* */
/* News - Public - Sistri */
/* ************************************************* */
.itemNews
{
  margin: 0;
  background: #F5F5F5 none repeat scroll 0 0;
  margin-bottom: 8px;
  padding: 6px 12px;
  text-align: justify;
  width: 1000px;
  border: 1px #E4E4E4 solid;
}
.itemNews H1
{
  padding: 0px;
  border-bottom: 1px solid #3D9EFF;
  border-right-style: solid;
  border-right-width: 0;
  border-top-style: solid;
  border-top-width: 0;
  font-size: 1em;
  color: #3366CC;
  border-bottom-width: 1px;
  bottom: 0px;
  margin: 1em 0em 1em 0em;
}
.itemNews .corpoNews
{
  text-align: justify;
  color: #444444;
  font-family: "Lucida Sans Unicode" ,sans-serif;
  font-size: 70%;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}
/* ************************************************* */
/* Faq - Public - Sistri */
/* ************************************************* */
#faq-public
{
  text-align: justify;
}
.itemHeader
{
  margin: 0;
  background: #F5F5F5 none repeat scroll 0 0;
  margin-bottom: 1px;
  padding: 6px 6px;
  text-align: justify;
  border: 1px #E4E4E4 solid;
  color: #3366CC;
}
.itemHeader h1
{
  font-size: 1em;
  color: #3366CC;
}
.itemHeader a, .itemHeader a:visited
{
  font-weight: bold;
  color: #3366CC;
  text-decoration: underline;
}
.itemContent
{
  margin: 0;
  background: #F5F5F5 none repeat scroll 0 0;
  margin-bottom: 8px;
  padding: 0px 6px;
  text-align: justify;
  border: 1px #E4E4E4 solid;
}
/* ************************************************* */
/* Pannelli di controllo - Public - Sistri */
/* ************************************************* */
#panels-content
{
}
#panels-content ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#panels-content li
{
  vertical-align: middle;
  padding: 10px 10px 10px 10px;
  text-align: center;
  display: inline-block !important;
}
#panels-content .panels-div
{
  width: 1022px;
  text-align: center;
  border: 1px solid #EEE;
}
#panels-content .panel-content
{
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid #EEE;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.panel-head
{
  text-align: left;
  background-color: #2F6C78;
  color: white;
  padding: 6px 0px 6px 6px;
  font-weight: bold;
}
.panel-head-red
{
  text-align: center;
  background-color: #B24748;
  color: white;
  padding: 6px 0px 6px 6px;
  font-weight: bold;
}
/* ************************************************* */
/* Area Reserved Sistri - Contatti Sezioni/Cciaa/Associazioni */
/* ************************************************* */
#contatti-content h2
{
  font-weight: bold;
  color: #A01517;
}
/*   FORM   */

.form
{
  border: 1px Solid #E4E4E4;
	background-color: #F5F5F5; /* WhiteSmoke;*/
  color: Black;
  width: 100%;
	margin-top: 0px;
}
.form footer
{
  background-color: #CCCC99;
}


.form input[type="text"], .form textarea
{
	font-family: Verdana;
	font-size: 12px;
	height: 14px;
	border: solid 1px #CCCCCC;
	color: #3B3B3B;
}

.form input[type="text"]:hover, .form textarea:hover
{
  border: solid 1px #666666;
}
.form input[type="text"]:focus, .form textarea:focus
{
  border: solid 1px #666666;
  background-color: #eeeeee;
}

.form select
{
  font-family: Verdana;
  font-size: 12px;
  height: 18px;
  border: solid 1px #CCCCCC;
  color: #555;
}
.form select:hover
{
	border: 1px solid #666666;
}

.form select:focus
{
  border: solid 1px #666666;
  background-color: #eeeeee;
}


.form .editlabel
{
  padding: inherit 10em inherit 10em;
  white-space: nowrap; /* background-color: #CC6600;*/
  width: 80px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-bottom: 1em;
}
.form .itemlabel
{
  font-weight: bold;
  padding: inherit 10em inherit 10em;
  white-space: nowrap; /*background-color: #FFFFFF;*/
  width: 50px;
  display: inline-block;
}
.form fieldset
{
  padding: 1em;
  width: 90%;
  white-space: nowrap;
  font-weight: bold;
}
.form fieldset legend
{
  padding-bottom: 1em;
}
/*****************************/
/*   FORM LIST   */
/*****************************/
.formList
{
  background-color: #ffffff; /* WhiteSmoke;*/
  border-color: #E4E4E4;
  border-style: Solid;
  border-width: 0px;
  color: Black;
  width: 100%;
}
.formList .headerLabel
{
  font-size: 1.2em;
  color: #3366CC;
  font-weight: bold;
}
.formList .footer
{
  background-color: #CCCC99;
}

.formList .itemRow
{
  border: 1px solid #C0C0C0;
  background-color: #F5F5F5;
  padding: 0.5em;
  margin: 0em 0em 0.5em 0em;
  font-size: 1em;
}

.formList .editRow
{
  border: 1px solid #C0C0C0;
  background-color: #DFDFDF;
  padding: 0.5em;
  margin: 0.5em 0em 2.5em 0em;
  font-size: 1em;
}
.formList .insertRow
{
  border: 1px solid #C0C0C0;
  background-color: #DFDFDF;
  padding: 0.5em;
  margin: 0.5em 0em 2.5em 0em;
  font-size: 1em;
}

.formList input[type="text"], .formList textarea
{
	font-family: Verdana;
	font-size: 12px;
	height: 14px;
	border: solid 1px #CCCCCC;
	color: #3B3B3B;
}


.formList input[type="text"]:hover, .formList textarea:hover
{
  border: solid 1px #666666;
}
.formList input[type="text"]:focus, .formList textarea:focus
{
  border: solid 1px #666666;
  background-color: #eeeeee;
}

.formList select
{
  font-family: Verdana;
  font-size: 12px;
  height: 18px;
  border: solid 1px #CCCCCC;
  color: #555555;
}
.formList select:hover
{
	border: 1px solid #666666;
}

.formList select:focus
{
  border: solid 1px #666666;
  background-color: #eeeeee;
}


.formList .editlabel
{
  padding: inherit 10em inherit 10em;
  white-space: nowrap; /* background-color: #CC6600;*/
  white-space: nowrap; /* background-color: #CC6600;*/
  width: 80px;
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.formList .itemlabel
{
  font-weight: bold;
  padding: inherit 10em inherit 10em;
  white-space: nowrap; /*background-color: #FFFFFF;*/
  width: 50px;
  display: inline-block;
}
.formList fieldset
{
  padding: 1em;
  width: 90%;
  white-space: nowrap;
  font-weight: bold;
}
.formList fieldset .content
{
  padding: 1em 0em 0.1em 0em;
  white-space: nowrap;
}
/***********************************
	GRIDVIEW
************************************/
.gridView
{
  font-family: Verdana;
  font-size: 9px;
  border: solid 1px #E6E2D8;
  background-color: #F7F6F3;
  padding: 4px;
  color: #555;
}
.gridViewRow td
{
  padding-left: 4px;
  padding-right: 4px;
}
.gridViewRowAlt td
{
  padding-left: 4px;
  padding-right: 4px;
}
.gridViewRowCentered
{
  text-align: center;
  height: 22px;
}
.gridViewRowDisabled
{
  background-color: #C1C1C1;
}
.gridViewRowError
{
  background-color: #FC9A9A;
}
.gridViewRowCompleted
{
  background-color: #9EF8B0;
}
.gridViewRowProgress
{
  background-color: #F6F46E;
}
.gridViewRowProgressDR
{
  background-color: #00FFFF;
}
.gridViewRow:hover
{
  background-color: #FFCC66;
}
.gridViewRowDisabled:hover
{
  background-color: #FFCC66;
}
.gridViewRowError:hover
{
  background-color: #FFCC66;
}
.gridViewRowCompleted:hover
{
  background-color: #FFCC66;
}
.gridViewRowProgress:hover
{
  background-color: #FFCC66;
}
.gridViewRowAlt
{
  background-color: #E7E4DB;
}
.gridViewRowAltCentered
{
  text-align: center;
  height: 22px;
}
.gridViewRowAlt:hover
{
  background-color: #FFCC66;
}
.gridViewRowAlt a, .gridViewRow a 
{
  text-decoration:none;
}

.gridView .gridViewRow > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewRowAlt > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewTitle > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewTitleNormal > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewRowDisabled > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewRowError > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewRowCompleted > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewRowProgress > td
{
  border: solid 1px #E6E2D8;
}
.gridView .gridViewRowProgressDR > td
{
  border: solid 1px #E6E2D8;
}

.gridViewTitle
{
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  background-color: #BC494A;
  color: #fff;
  height: 22px;
  text-align: center;
}
.gridViewTitle th a
{
  color: #fff;
  text-decoration: none;
}
.gridViewTitleNormal
{
  font-family: Verdana;
  font-weight: bold;
  font-size: 11px;
  background-color: #BC494A;
  color: #fff;
  height: 22px;
/*  height: 16px;*/
  text-align: center;
}
.gridViewTitleNormal th a
{
  color: #fff;
}
.gridViewTitleNormal td a
{
  color: #fff;
}
.gridViewTitleEr
{
  font-weight: bold;
  text-align: center;
  background-color: #EBA5A5;
}
.gridViewTitleOk
{
  font-weight: bold;
  text-align: center;
  background-color: #AAFCBA;
}

.gridViewPager, .gridViewPager * td, .gridViewPager * table
{
  margin-left: auto;
  margin-right: auto;
}
.gridViewPager * a
{
  padding-left: 2px;
  padding-right: 2px;
}
.gridViewPager * a:hover, .gridViewPager * a:visited
{
  color: #386574;
}

.selectedPage
{
	 text-decoration:underline overline;
	 font-weight:bold;	 
	 color:silver;	
	}

.pointer-select
{
  cursor: pointer;
}
/****************************************************************/
/* Gestione profilo - Gestione Imprese Associate  */
/****************************************************************/
#content-contatti-assoc .panel-head, #content-imprese-assoc .panel-head, #ai-list-imprese .panel-head
{
  margin-top: 5px;
}
.tbl-labelSx, .tbl-labelSx-list
{
  text-align: right;
  padding-right: 5px;
  font-weight: bold;
}
.tbl-labelSx-list
{
  width: 150px;
}
.tbl-contextDx
{
  padding-left: 5px;
  text-align: left;
}

#popup-newutente table, #contatto-info table
{
  width: 100%;
}
#contatto-info table
{
  margin-top: 10px;
  margin-bottom: 10px;
}

/****************************************************************/
/* Cruscotto Associazioni  */
/****************************************************************/

.assoc-table-info
{
}
.table-info-assoc-margin
{
  margin: 5px;
}
.table-assoc-stats
{
  width: 100%;
  border-collapse: collapse;
}
.table-assoc-stats td
{
  vertical-align: top;
}
.table-assoc-stats-td
{
  border: 1px solid #C1C1C1;
  background-color: #F5F5F5;
  margin: 2px;
  height: 110px;
}
.panel-head-assoc
{
  background: url("smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
  border: 1px solid #D3D3D3;
  color: #555555;
  font-weight: bold;
  line-height: 1.3;
  list-style: none outside none;
  display: block;
  font-size: 1.2em;
  padding: 0.5em 2.2em 0.5em 0.7em;
}
/****************************************************************/
/* Altro  */
/****************************************************************/

.calPiker
{
  z-index: 9999999 !important;
  background-color: #fff;
  border: 1px solid #999;
}
.padding-table
{
  padding: 10px 10px 0px 10px;
}

.margin-header 
{
  margin-bottom: 10px;
}

.actions-popup 
{
  text-align:center;
}


/****************************************************************/
/* jQuery textarea resizer plugin  */
/****************************************************************/

div.grippie
{
	background: #EEEEEE url('../images/grippie.png') no-repeat scroll center 2px;
	border-color: #DDDDDD;
	border-style: solid;
	border-width: 0pt 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
}

/*
.resizable-textarea textarea
{
	display: block;
	margin-bottom: 0pt;
	width: 95%;
	height: 20%;
}*/

.loading
{
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    z-index:99999998;
    background-color:#aaa;
}

.loadingImage
{
    background-image:url('../images/loading.gif');
	width: 50px;
	height: 50px;
	text-align: center;
	position: fixed;
	margin-left: -75px;
	margin-top: -75px;
	left: 50%;
	top: 50%;
	z-index:99999999;
}
