body, html {height: 100%;}

body {
	color: #333;
	background:#FFFFFF;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#header-container {height:46px; background:#FFFFFF url(../images/loghi.jpg) no-repeat left center;}
#header-container #user-bar {text-align:right; margin:0;}
#header-container #user-bar #details {float:right; font-size:11px; background:#D1D1D1 url(../images/userbar_terminal.gif) no-repeat left; height:18px; padding-left:22px; padding-right:6px; }
#header-container #user-bar #details a {color:#31639C; text-decoration:none;}
#header-container #user-bar #details a:hover {text-decoration:underline; }
#header-container #user-bar #details ul {margin:2px 0;padding:0;list-style-type:none;width:auto;float:left;}
#header-container #user-bar #details ul li{display:block;float:left;margin:0 1px; border-right:1px solid #444444; padding:0 7px 0 7px;}
#header-container #user-bar #synergia {padding:7px 10px 0 0; font-size:0.8em; color:#555555;}
#mainmenu-container{position:relative; border-bottom: 2px solid navy; color:#E0E0E0;background:#004402;
width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}

#mainmenu-inner {color: #00FF00; font-size: 12px; height: 22px;}
#mainmenu-inner .mainmenu-static-content {padding-left:9px; float:right; padding-right:20px; font-weight:bold;}
#mainmenu-inner a:link, #mainmenu-inner a:visited, #mainmenu-inner a:active{text-decoration:none;  color: white; font-weight:normal;}
#mainmenu-inner a:hover{ text-decoration:underline; font-weight:normal; color: #A1D7F2;}
#mainmenu-inner ul {margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#mainmenu-inner ul li{display:block;float:left; border-right:1px solid #FFFFFF;padding:0 9px 0 9px; font-weight:bold; }

.innercontent{padding-top:5px;}

#outer-container {padding:10px; }

.alignleft {float:left; padding-right:10px;}
.alignright {float:right;}
.clearfix {	clear: both;}

#login-form-bar fieldset {padding: 1em;margin-bottom: 0.5em;}
#login-form-bar legend {color:#008303; font-size:20px;}
#login-form-bar input {border:1px solid #CDCDCD; }
#login-form-bar .form-row {clear:both; min-height:22px; padding-bottom:5px;}
#login-form-bar .required {  font-weight: bold;}
#login-form-bar .warning { font-weight: bold; color:#FF0000;}
#login-form-bar {text-align:center;}
#login-form-bar form {width:400px; margin:0 auto; text-align:left;}

/*@page {size: 210mm 297mm; margin: 30mm;}*/

#div-search {width:962px;}
#div-searchbox {float:left; padding-right:20px; width:240px;}
#div-result2 {float:left;}
#div-result {width:700px; 
	float:left;	font-family:Arial,Helvetica,Verdana,sans-serif;
}
#div-result table { border-collapse: collapse; color: #333; background: #EDEDEE; font-size:1.1em; width:100%;}
#div-result table caption {background:#CDCDCD; text-align: left; padding:5px; }
#div-result table thead th {background: #3A4856; border-right:1px solid #FFFFFF; padding: 5px 10px; color: #fff; text-align: left; font-weight: normal;}
#div-result table tbody td  {padding: 5px 10px; border-bottom:1px solid #FFFFFF; text-align: left; font-size:0.8em;}
#div-result table tbody th  {padding: 5px 10px; background: #CDCDCD; border-right:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; text-align: left; font-size:0.8em;}
#div-result table tbody th a, #div-result table tbody th a:visited {color:#3A4856; text-decoration:none;}
#div-result table tbody th a:hover {text-decoration:underline; color:#1B9215}
#div-result table tfoot td,  #div-result table tfoot tr {background: #3A4856; padding: 5px 10px; color: #fff; text-align: left; font-weight: normal;}
#div-result table tfoot th {padding: 5px 10px; background: #3A4856; border-right:1px solid #FFFFFF; text-align: left; font-size:0.8em;}
#div-result table tbody tr.odd {background-color: #EFEFEF;}
.totale {font-weight:bold; color:#000000;}

ul li a {color:#0000FF;}

#div-indicator {width:700px;float:left;	font-family:Arial,Helvetica,Verdana,sans-serif;
}

.export-box {border:1px solid #CDCDCD; background:#EFEFEF; width:120px; padding:1px;} 
.export-box .line1 {color:#FFFFFF; background-color:#008000;}
.export-box .title {color:#000000; font-size:1.1em; font-weight:bold; padding:5px 0 5px 0;}
.export-box .download {padding:20px 0 10px 10px; background:#EFEFEF url('../images/icon_csv.gif') no-repeat right center;}
.export-box .download a {color:#0000FF;}

#movbar {width:690px; margin-top:1px; padding:5px; background-color:#004402;}
#movbar a {color:#00FF00; font-weight:bold; text-decoration:none;}
#movbar a:hover {text-decoration:underline;}


#mainmenu-nav {position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../images/mainmenu_images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#mainmenu-nav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#mainmenu-nav ul li{display:block;float:left;margin:0 1px;}

.prodrop4 {padding:0 0 0 0; margin:0; list-style:none; height:33px; background:transparent; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
.prodrop4 li.top {display:block; float:left;}
.prodrop4 li a.top_link {display:block; float:left; height:33px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:13px; font-weight:bold; padding:0 0 0 4px; cursor:pointer; }
.prodrop4 li a.top_link span {float:left; display:block; padding:2px 20px 0 20px; background:transparent; height:33px;}
.prodrop4 li a.top_link:hover {color:#FFFFFF; background: url(../images/mainmenu_images/dolphin_left-ON.gif) no-repeat top left; line-height:33px;}
.prodrop4 li a.top_link:hover span {background: url(../images/mainmenu_images/dolphin_right-ON.gif) no-repeat top right;}
.prodrop4 .selected a.top_link {color:#FFFFFF; background: url(../images/mainmenu_images/dolphin_left-ON.gif) no-repeat top left; line-height:33px;}
.prodrop4 .selected a.top_link span {color:#00FF00; background: url(../images/mainmenu_images/dolphin_right-ON.gif) no-repeat top right;}
/*FF*/
.prodrop4 li:hover > a.top_link {color:#FFFFFF; line-height:33px; background: url(../images/mainmenu_images/dolphin_left-ON.gif) no-repeat top left;}
.prodrop4 li:hover > a.top_link span {background: url(../images/mainmenu_images/dolphin_right-ON.gif)  no-repeat top right;}
.prodrop4 .selected > a.top_link {color:#00FF00; line-height:33px; background: url(../images/mainmenu_images/dolphin_left-ON.gif) no-repeat top left;}
.prodrop4 .selected > a.top_link span {background: url(../images/mainmenu_images/dolphin_right-ON.gif)  no-repeat top right;}

.prodrop4 table {border-collapse:collapse; width:0; height:0; 
position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:110px; }
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}

.prodrop4 :hover ul {left:0; top:35px; background: #004402; padding:3px; border:1px solid #BBEF85; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300;}
.prodrop4 :hover ul li {display:block; position:relative; font-weight:normal; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; line-height:20px; width:350px; padding:0 10px; color:#FFFFFF; text-decoration:none;}
.prodrop4 :hover ul li a:hover {background:#167801; color:#fff;}



/* STILI PER IL REPLACEMENT DEL SELECT BOX */
div.autocomplete {
  position:absolute;
  background:#FFFFFF;
  margin:0px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
  border:1px solid #00A8E6;
  font-size:11px;

}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { 
  background-color: #EAF2FB;
}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

.combo /* look&fell of scriptaculous select box*/
{
  width : 200px; 
  font-family:arial, verdana;
  font-size:11px;
  height:40px;	
  text-align:left; 
  background: #EFEFEF url(../images/selectbox_downarrow.jpg) no-repeat bottom right;
  cursor: pointer;
  border:1px solid #00A8E6;
  color:#000000;
  overflow:hidden;
}