body{
	font-family:Arial;
    color:#006666;
	font-size:12px;
	background: url(../immagini/sfondo.jpg) fixed;
	padding:5px;
	text-align:center;
}
div#intestazione{
	position:fixed;
	top:0px;
	left:0px;
	width:105%;
	height:126px;
	padding:0px;
	background:#C4E1E1 url(../immagini/plservice1.png) no-repeat fixed;
}
div#informazioni{
	font-family:Arial;
    font-size:12px;
	text-align:right;
	position:fixed;
	float:right;
	top:10px;
	right:0px;
	width:700px;
	height:80px;
	padding:5px;
}
div#percorso{
	position:fixed;
	float:left;
	top:70px;
	left:0px;
	height:5px;
	padding:5px;
	text-align:left;
}
#piepagina{
	box-shadow: -0px -6px 10px #818181;
	-webkit-box-shadow: -6px -6px 10px #818181;
	-moz-box-shadow: -6px -6px 10px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=-6, offY=-6, positive=true);
	color:#418181;
	position:fixed;
	bottom:0px;
	left:0px;
	border-top:#339966 3px solid;
	width:100%;
	height:20px;
	background:#C4E1E1;
	text-align:center;
}
#container_pagina{
	position:absolute;
	top:250px;
	text-align:center;
}
.table_info th{
	padding:0px;
	font-family:Arial;
    font-size:12px;
	text-align:left;
}
.table_info td{
	padding:0px;
	font-family:Arial;
    font-size:12px;
	text-align:right;

}
.table_info td.tfooter{
	text-align:center;
}
.table_info th.thead{
	color:#339966;
	text-decoration: none;
	font-family: Arial;
	font-size: 16px;
	font-weight: bold;
	text-align:right;
	border-bottom:#339966 solid 2px;
}

.elenco li{
	float:left;
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}


.glossymenu{
	position: relative;
	top:10px;
	padding: 0 0 0 14px;
	margin: 0 auto 0 auto;
	background: url(../immagini/menu_bg.png) repeat-x; /*tab background image path*/
	height: 56px;
	list-style: none;

}


.glossymenu li{
	float:left;
}

.glossymenu li a{
   TEXT-ALIGN: center;
    PADDING-BOTTOM: 0px;
    LINE-HEIGHT: 46px;
    PADDING-LEFT: 16px;
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    FONT-FAMILY: sans-serif;
    FLOAT: left;
    HEIGHT: 46px;
    FONT-SIZE: 13px;
    CURSOR: pointer;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    PADDING-TOP: 0px;
    color:#006666;
	}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 12px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../immagini/menu_bg_left.png) no-repeat left top; /*left tab image path*/
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../immagini/menu_bg_right.png) no-repeat right top; /*right tab image path*/
}

     div.boxsuggerimenti {
      font-family:Arial;
      font-size:12px;
      width:250px;
	  position:absolute;
      background-color:white;
      border:2px solid #333399;
      margin:0px;
      padding:0px;
    }
div.boxsuggerimenti ul {
      list-style-type:none;
      margin:2px;
      padding:2px;
    }
div.boxsuggerimenti ul li.selected { background-color: #C2EBEF;}
div.boxsuggerimenti ul li {
      list-style-type:none;
      color:#000080;
	  display:block;
      margin:0;
      padding:1px;
      cursor:pointer;
      border-bottom:1px solid #888;
    }


.pagina{
	-moz-border-radius:5px; /*add some nice CSS3 round corners*/
	-webkit-border-radius:5px;
	border-radius:5px;
	width:600px;
	font: 12px/14pt Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	padding:5px;
	background:#FFFFFF;
	border:solid 2px #418181;
	box-shadow: 7px 7px 8px #818181;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}

.shadow{
	-moz-border-radius:10px; /*add some nice CSS3 round corners*/
	-webkit-border-radius:10px;
	border-radius:10px;

box-shadow: 7px 7px 8px #818181;
-webkit-box-shadow: 7px 7px 8px #818181;
-moz-box-shadow: 7px 7px 8px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}


.shadow2{
box-shadow: -0px -6px 10px #818181;
-webkit-box-shadow: -6px -6px 10px #818181;
-moz-box-shadow: -6px -6px 10px #818181;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=-6, offY=-6, positive=true);
}


    input{
	font-family:Arial;
    font-size:12px;
    border: Solid 1px#B4B4B4;  
 }
 
    input[readonly="readonly"]{
	font-family:Arial;
    color:#000080;
	font-size:12px;
    border: Solid 1px;
 	background-color:#D4D4FF;
 }
   input[readonly="readonly"]:focus{
	font-family:Arial;
    color:#000080;
	font-size:12px;
 	background-color:#D4D4FF;
 	border-color:#D4D4FF;
    border: Solid 1px #000080;

 }


	input:focus{
	 	border-color: #339966;
		background-color:#CCFFCC;
		
 	}


input.campo_form {
	
	font-family:Arial;
    font-size:12px;
	background:none;
	border-width:0 0 1.5px 0; border-style:dotted; border-color:#AAA;
	background-position:right center;
	background-repeat:no-repeat;
}

input.campo_form:focus{
	font-family:Arial;
    font-size:12px;
	background-position:right center;
	background-repeat:no-repeat;
 	background-color:#D4FFD4;
	border: Solid 1px #339966;
     
	}
input.camporicerca_form {
	font-family:Arial;
    font-size:12px;
	background:none;
	border-width:0 0 1.5px 0; border-style:dotted; border-color:#AAA;
	background-image:url(../../gestione_verbali/codval/immagini/autocomplete_leftcap.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

input.camporicerca_form:focus{
	font-family:Arial;
    font-size:12px;
	background-image:url(../../gestione_verbali/codval/immagini/autocomplete_leftcap.gif);
	background-position:right center;
	background-repeat:no-repeat;
 	background-color:#FFFF99;
	border: Solid 1px #D70303;
     
	}


input.camporicerca{
	background-image:url(../../gestione_verbali/codval/immagini/autocomplete_leftcap.gif);
	font-family:Arial;
    font-size:12px;
	background-position:right center;
	background-repeat:no-repeat;
	border: Solid 1px #B4B4B4;

    }
input.camporicerca:focus{
	font-family:Arial;
    font-size:12px;
	background-position:right center;
	background-repeat:no-repeat;
 	background-color:#FFFF99;
	border: Solid 1px #D70303;
    
	}

fieldset {
	margin:2em 0;
	padding:1.5em 0 0.5em 0;
	border-width:0.2em 0.2em 0.2em 0.2em;
	border-style:solid;
	border-color:#FC0; position:relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

legend {top: -20px; margin-left:20px; font-size:12; font-weight:bold; text-align:center; padding:0.1em 1em; border-width:0.2em 0.2em; border-style:solid; border-color:#FFCC00;-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

label {display: -moz-inline-box; display: inline-block; padding:2px 6px;}


textarea {border:1px solid #AAA;}

label.required {font-weight:bold;}

p.info {font-size:0.8em; font-weight:bold;}



/* PULSANTI */

.btn_cerca {
	background: url(../../gestione_verbali/style/img/find_sg.png);
}

.btn_cerca:hover {
	background: url(../../gestione_verbali/style/img/find.png);
}

div.tabpanel {
 	width:1024px;
	margin-bottom:2em;
	box-shadow: 7px 7px 8px #818181;

}
div.tabpanel div.tab{
 	border: 2px solid #008000;
	border-top:0;
	background:#FFFFFF;
	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}
div.tabpanel div.tab{padding: 10px}
div.tab h2{width:80%;margin: 0;padding:0.3em 0;font-size:150%;color:#86A5D8}
div.tab p{margin-top:0}

/* Inizio tab */

ul.tabnav{width: 100%;overflow:hidden;list-style: none;
     margin: 0;padding:0;background:url(../immagini/line.png) repeat-x bottom}
ul.tabnav li{float: left;margin: 0 0 0 0.5em;padding: 0}
ul.tabnav a{float: left;padding: 0 0 0 0.8em;
    background: url(../immagini/tab.png) no-repeat top left;
    text-decoration: none;color: #222;
    border-bottom: 2px solid #D7D7D7}
ul.tabnav span{float: left;padding: 0.6em 0.8em 0.6em 0;
    background: url(../immagini/tab.png) no-repeat top right;cursor: pointer}
ul.tabnav a.active,ul.tabnav a:hover{
    background: url(../immagini/tab2.png) no-repeat top left;
    border-bottom:2px solid #FFF}
ul.tabnav a.active span,ul.tabnav a:hover span{
    background: url(../immagini/tab2.png) no-repeat top right;color: #008000
	}

	img {
		outline:0; 
		border:0;
	}
	
	#menu {
		/* you must set it to relative, so that you can use absolute position for children elements */
		position:relative; 
		text-align:center; 
		width:583px; 
		height:40px;
	}
	
	#menu ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
	}
	
	#menu ul li {
		
		/* give some spaces between the list items */
		margin:0 5px; 
		
		/* display the list item in single row */
		float:left;
	}
	
	#menu #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		z-index:200; 

		/* image of the right rounded corner */
		background:url(tail.gif) no-repeat right center; 
		height:35px;


		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* set the box position manually */
		margin-left:5px;
		
	}
	
	#menu #box .head {
		/* image of the left rounded corner */
		background:url(head.gif) no-repeat 0 0;
		height:35px;
		color:#eee;
		
		/* force text display in one line */
		white-space:nowrap;

		/* set the text position manually */
		padding-left:8px;
		padding-top:12px;
	}

#box_accesso {
	font-size:12px;
	background:#C4E1E1;
	border:#54A7A7 3px solid;
	padding: 10px;
	-moz-border-radius:10px; /*add some nice CSS3 round corners*/
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow: 10px 10px 10px #818181;
	-webkit-box-shadow: 10px 10px 10px #818181;
	-moz-box-shadow: 10px 10px 10px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	}
#box_accesso th {
	font-size:12px;
	text-align:right;
	}

.dati{
	cell-spacing:0px;
}

.dati tbody th {
	background:#43C3C3;
	color:#FFFFFF;
	text-align:right;
}
.dati tbody td {
	text-align:left;
	border:1px solid;
}
.dati thead th {
	text-align:center;
}


.dati tfoot th {
	text-align:center;
}