/*
** CSS
**
** Author: Marco Marcantelli 
*/

.flyMenu {
	background-color: #F1F1F1;
	border-color: #999999;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	behavior: url(default.htc);
}

.flyMenu TD.flyLink  {
	border-color: #F1F1F1;
	border-width: 1px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica;
	font-size: 70%;
	padding: 1px 25px 3px 6px;
	cursor: hand;
}

.flyoutMenu TD.flyoutLink  {
	border-color: #F1F1F1;
	border-width: 1px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica;
	font-size: 70%;
	padding: 1px 25px 3px 6px;
	cursor: hand;
}

.flyHeading {
	font-family: Verdana, Arial, Helvetica;
	font-size: 70%;
	background-color: #F1F1F1;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	cursor: default;
}

.flyLink  {
	border-color: #F1F1F1;
	border-width: 1px;
	border-style: solid;
	font-family: Verdana, Arial, Helvetica;
	font-size: 70%;
	padding-left: 6px;
	padding-right: 25px;
	padding-top: 1px;
	cursor: hand;
}

.flyLink a {
	color: black;
	text-decoration: none;
}
.flyLink a:hover {
	color: black;
	text-decoration: none;
}
.flyLink a:visited {
	color: black;
	text-decoration: none;
}
.flyLink a:active {
	color: black;
	text-decoration: none;
}


body  {
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #FFFFFF; 
	font-size: 12px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

a {
	text-decoration: none;
	color: #101080;
}

a:hover {
	text-decoration: underline;
}
		
h1  {
	font-size: 20px;
	color: black;
	background-color:  #CFCFFF; /*#FFF8E5;*/
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

	
h2  {
	font-size: 18px;
	color: white;
	background-color:  #4682B4; /*#FFF8E5;*/
	margin-bottom: 5px;
	margin-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	border: #000000; 
	border-top-width: 2px; 
	border-right-width: 0px; 
	border-bottom-width: 2px; 
	border-left-width: 0px;
	border-style: solid;
}

	
h3	{
	font-size: 16px;
	margin-left: 10;
	margin-right: 10;
	color: black;
	background-color:  #EFEFEF;
	font-weight: normal;
	border: #000000; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	border-style: solid;
	padding-right: 5px;
	padding-left: 5px;
}

div.navigator {
	background-color: #EFEFEF;
	border-color: black; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px
}


div.footer {
	background-color: #EFEFEF;
	margin-top: 12px;
	border-color: black; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	text-align: right;
}

p.dialog {
	border-color: black; 
	background-color: white;
	padding-left: 5px;	
	margin-left: 10;
	margin-right: 10;
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px
}

p {
	margin-left: 10;
	margin-right: 10;
	text-align: justify;
}
	
div {
	margin-left: 10;
	margin-right: 10;
	text-align: justify;
}

td {
	font-size: 12px;
}

td.spacer {
	background-color: white;
}

caption {  
	background-color: #4682B4;
	color: #FFFFFF;
	font-weight: bold;
	border: #000000; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 0px; 
	border-left-width: 1px;
	border-style: solid;
}	

tr.datalist:hover {
	background-color: #AFFFFF;
}


td.openInserGroup {
	font-size: 10px;
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
	border-style: solid;
	border-color: gray;
}


input:focus {
	background-color: #AFFFFF;
}
	


pre br { 
	display: none;
 }

pre {
	margin-left: 10;
	margin-right: 10;
	padding-left: 5;
	padding-right: 5;  
	border: #000000; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 1px; 
	border-bottom-width: 0px; 
	border-left-width: 1px;
}

input, textarea, select, option {
        font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        border: 1px solid #000000;
}

	
/* CLASS insert: used in insert forms ------------------ */

table.insert {
	background: white;	
	font-family: Verdana, arial, helvetica, sans-serif;
	border: gray; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	border-style: solid;
}

table.insert tr {
	background: #efefef;
}

/* name: field name */
table.insert td.name {
	color: black;
	font-weight: bold;
	/*font-size: 10px;*/
	text-align: right;
}

/* name: field nameleft allienato a sinistra */
table.insert td.nameleft {
	color: black;
	font-weight: bold;
	/*font-size: 10px;*/
	text-align: left;
}

/* : field name */
table.insert td.field {
	color: black;
	background: #efefef;
	background: white;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

table.insert td.field input {
	border: 0;
	/*font-size: 10px;*/
}

table.insert td.field select {
	border: 0;
	/*font-size: 10px;*/
}

table.insert td.field textarea {
	border: 0;
	/*font-size: 10px;*/
}


table.insert td.label {
	color: black;
	background: #EFEFEF;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

table.insert td.error {
	background: #FFFFFF;
	color: red;
}


table.insert td.navigator {
	background-color: white;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: gray;
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
}

table.insert td.listGroup {
	background-color: #4682B4;
	color: white;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: black;
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
}

/* CLASS insertadm: used in insert forms ADMIN ------------------ */

table.insertadm {
	background: white;	
	font-family: Verdana, arial, helvetica, sans-serif;
	border: gray; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	border-style: solid;
}

table.insertadm tr {
	background: #a8dce9;
}

/* name: field name */
table.insertadm td.name {
	color: black;
	font-weight: bold;
	/*font-size: 10px;*/
	text-align: right;
}

/* name: field nameleft allienato a sinistra */
table.insertadm td.nameleft {
	color: black;
	font-weight: bold;
	/*font-size: 10px;*/
	text-align: left;
}

/* : field name */
table.insertadm td.field {
	color: black;
	background: #a8dce9;
	background: white;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

table.insertadm td.field input {
	border: 0;
	/*font-size: 10px;*/
}

table.insertadm td.field select {
	border: 0;
	/*font-size: 10px;*/
}

table.insertadm td.field textarea {
	border: 0;
	/*font-size: 10px;*/
}


table.insertadm td.label {
	color: black;
	background: #a8dce9;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

table.insertadm td.error {
	background: #FFFFFF;
	color: red;
}


table.insertadm td.navigator {
	background-color: white;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: gray;
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
}

table.insertadm td.listGroup {
	background-color: #4682B4;
	color: white;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: black;
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
}

/* table for list ----------------------------------------------------------- */
/*
Class list have to be used in table that are list of values organized in rows.
There are three row types (classes of <tr>):
  1. normal (without other specification)
  2. selected (rows that are highlighted for some reason, we suppose to have many
   of that)
  3. important (rows spotted with hight contrast color, we suppose to have few
   of that in list)

Then in <td> we can set right justification and formatting by the content type,
so as usual (classes of <td>):
  1. text (right justified)
  2. number (right justified)
  3. button (special formatting for button, checkbox and icons that can be in a
  	 cell row
	 
Further we have a special <th> style to be used as usual in table hiding, then
a class of <td> named "listGroup" to delimit a group of logically groupped rows.

*/
   
table.list {
	color: black;
	background: white;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

table.list th {
	color: black;
	background: white;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	vertical-align: center;
}

table.list td {
	background: #efefef;
}

/* Special color for highlighted rows */
table.list tr.selected td {
	background: #bfcfff;
}

/* Special color for very highlighted rows */
table.list tr.important td {
	background: #ffcfcf;
}


/* Sytle for cells containing values */
table.list td.number {
	text-align: right;
}

table.list td.number {
	text-align: right;
}

/* Style for cells containing text */
table.list td.text {
	text-align: left;
}

/* Style for cells containing button or other action */
table.list td.button {
	text-align: center;
}

/* Section delimiter in list */
table.list td.listGroup {
	background-color: #4682B4;
	color: white;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: black;
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
}

table.list td.error {
	background: red;
}

table.list td.link {
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
}

/* table for list ADMIN ------------------------------------------------ */
/*
*/
   
table.listadm {
	color: black;
	background: white;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

table.listadm th {
	color: black;
	background: white;
	border-color: gray;
	border-style: solid;
  	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	vertical-align: center;
}

table.listadm td {
	background: #a8dce9;
}

/* Special color for highlighted rows */
table.listadm tr.selected td {
	background: #a8dce9;
}

/* Special color for very highlighted rows */
table.listadm tr.important td {
	background: #a8dce9;
}


/* Sytle for cells containing values */
table.listadm td.number {
	text-align: right;
}

table.listadm td.number {
	text-align: right;
}

/* Style for cells containing text */
table.listadm td.text {
	text-align: left;
}

/* Style for cells containing button or other action */
table.listadm td.button {
	text-align: center;
}

/* Section delimiter in list */
table.listadm td.listGroup {
	background-color: #4682B4;
	color: white;
	text-align: center;
	font-weight: bold;
	border-style: solid;
	border-color: black;
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
}

table.listadm td.error {
	background: red;
}

table.listadm td.link {
  	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px;
}

/** Styles for tablist ---------------------------------------------- */
table.tablist {
	background-color: #FFFFFF;
}

table.tablist td.uptab {
	   white-space: nowrap;
	   font-weight: bold;
	   background-color: #FFFFFF;
	   border-right-width: 1px; 
	   border-left-width: 0px; 
	   border-top-width: 1px;
	   border-bottom-width: 0px;
	   border-style: solid;
	   border-color: gray;
}

table.tablist td.downtab {
	   white-space: nowrap;
	   border-right-width: 1px; 
	   border-left-width: 0px; 
	   border-top-width: 1px;
	   border-bottom-width: 1px;
	   border-style: solid;
	   border-color: black;
	   background: #efefef;
	   border-color: gray;
}

table.tablist td.notab {
	   background: #ffffff;
	   border-right-width: 0px; 
	   border-left-width: 0px; 
	   border-top-width: 0px;
	   border-bottom-width: 1px;
	   border-style: solid;
	   border-color: gray;
}



table.tablist td.uptab input {
   	   border-right-width: 0px; 
	   border-left-width: 0px; 
	   border-top-width: 0px;
	   border-bottom-width: 0px;
	   background-color: #ffffff;
	   font-weight: bold;
}

table.tablist td.downtab input {
   	   border-right-width: 0px; 
	   border-left-width: 0px; 
	   border-top-width: 0px;
	   border-bottom-width: 0px;
	   background-color: #efefef;
}


table.tablist td.downtab input:hover {
	background-color: #AFFFFF;
	cursor: hand;
}

table.tablist td.uptab input:hover {
	background-color: #AFFFFF;
	cursor: hand;
}


input.formSectionButton {
   	   border-right-width: 0px; 
	   border-left-width: 0px; 
	   border-top-width: 0px;
	   border-bottom-width: 0px;
	   background: transparent;
	   color: black;
	   font-size: 10px;
	   font-weight: bold;
}

/** Styles for popup window testo ----------------------------------- */
dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}