#ui-datepicker-div{font-size: 12px}
body {background: url('../images/background.jpg') repeat-x; margin: 0 auto; font-family: Tahoma; font-size: 12px; }
.clrGrid { width: 940px; height: 30px; background: #fff; position: absolute;}
input.FormElement {width: 90%;}
#loading {background: #ddd;opacity:0.8;filter:alpha(opacity=80); width: 100%; height: 100%;  
            margin: 0 auto; position: absolute; z-index: 1000; text-align: center; font-size: 18px;padding-top: 10%; display:none;}
.lotto {border: solid 1px red;}

#map {margin: 0 0 0 60px}
.mapDescr {float:left; padding: 5px 0 0 5px; font-size: 10px;}
#map a.iframe {cursor: pointer;margin: 2px; padding: 1px; display:block; width: 17px; float:left}

/* JQGRID SUBGRID 1 */

.ui-jqgrid .ui-subgrid .ui-state-default, .ui-jqgrid .ui-subgrid .ui-widget-content .ui-state-default 
{background:url("ui-redmond/images/ui-bg_glass_85_dfeffc_1x400_2.png") repeat-x scroll 50% 50% #DFEFFC;
border:1px solid #C5DBEC;
color:#2E6E9E;
font-weight:bold;}

.ui-jqgrid .ui-subgrid .ui-state-default .ui-icon {background-image:url("ui-redmond/images/ui-icons_469bdd_256x240.png");}

/* JQGRID SUBGRID 2 */

.ui-jqgrid .ui-subgrid .ui-subgrid .ui-state-default, .ui-jqgrid .ui-subgrid .ui-subgrid .ui-widget-content .ui-state-default 
{background:url("ui-redmond/images/ui-bg_glass_85_dfeffc_1x400_3.png") repeat-x scroll 50% 50% #DFEFFC;
border:1px solid #C5DBEC;
color:#2E6E9E;
font-weight:bold;}

.ui-jqgrid .ui-subgrid .ui-state-default .ui-icon {background-image:url("ui-redmond/images/ui-icons_217bc0_256x240.png");}


/* **********   CLASSI PER LA CREAZIONE DELLA MASTERPAGE **************   */
.container { width:1024px; margin:0 auto; background: url('../images/top.jpg') repeat-x; /*margin:-8px 0 0 -8px;*/ }

.top             { width: 1020px; float:left;}
	.date_box  { width: 240px; height: 26px; float: left; background: url('../images/date_bg.jpg') no-repeat; font-weight: bold; font-size: 11px; color: #FBEC88; padding:11px 0 0 110px;}
	.menu_box  { width: 652px; height: 37px; float:left; }

.header       { width: 1024px; height: 125px; float:left;}
	.header_logo { width: 425px; height: 125px; float:left;}
	.user_div 	 { width: 584px; height: 125px; float: left; font-family: Verdana; font-size: 12px; background: url('../images/user_div_bg.png') no-repeat;}
		.user_avatar    {width:110px; height: 125px; float:left;}
		.user_command  {width:474px; height: 125px; float:left;}
			.user_name       {width: 489px; height:35px; float: left; padding-top: 20px;}
			.user_select   {width: 489px; height:65px; float: left; padding-top: 8px;}
		.user_combo {
			background:#C6DDE7 none repeat scroll 0 0;
			border:2px solid #B5CAD0;
			font-size:12px;
			margin:10px 10px 5px 0;
			padding:2px 5px 2px 5px;
		}	
		
		.year_combo {
			background:#ffffff none repeat scroll #eaf3fc #eaf3fc;
			border:0.5px solid #7EB4EA;
		}	
		
		

.clr {clear:both; height: 20px}

/* **********   CLASSI PER LA CREAZIONE DELLA PAGINA **************   */
.content_page_box { width: 980px; float:left;  margin: 0 10px 0 10px; background: url('../images/content.png') repeat-y #fff; }

	.content_page_top {width: 940px; height:45px; float:left; font-family:Tahoma; 
	                   background: url('../images/content_top.png') no-repeat #fff; 
	                   padding: 15px 20px 0 20px;}

		.page_title               { width: 555px; float:left; font-size: 15px; font-family:Tahoma; font-weight: bold;}
		.page_title_icon     { width:50px; float:left; }
		.page_title_title1 { float:left; color:#5CBA3A; padding-top:15px; }
		.page_title_arrow   { width:25px; float:left; }
		.page_title_title2 { float:left; color:#0B77C1; padding-top:15px; }
		/*.page_title_reparto {float:right;padding: 5px; margin: 0; font-size: 10px; font-weight: normal; text-transform: capitalize; text-decoration:none}*/
		.page_toolbar   	   { width: 385px;  padding-top:10px; text-align: right; float:left;}
		.toolbar_button     {text-decoration: none; font-weight: bold; color: #008ACC;}
		
.content_page           {width: 940px; float:left; margin-top: 10px; padding-left:20px; background: none;}
.content_page_footer    {width: 980px; height: 22px; float:left;  margin: 0 10px 50px 10px; background: url('../images/content_footer.png') repeat-y; }
.rep_selector  {
	background:transparent url(../images/rep_bg.jpg) repeat-x scroll 0 0;
	border:1px solid #A6C9E2;
	color:#2E6E9E;
	font-size:10px;
	font-weight:normal;
	height:15px;
	padding:3px 5px;}
.suggerimento  {width: 350px; height: 22px;background: url('../images/suggerimento_progressivo.jpg') no-repeat; font-size:11px; padding-left:180px; }
.suggerimentoNew  {width: 350px; height: 22px;background: url('../images/suggerimento_progressivo.jpg') no-repeat; font-size:11px; padding-left:180px; padding-bottom:11px; }
.suggerimentoClean  {width: 350px; height: 22px;background: url('../images/suggerimento_.jpg') no-repeat; font-size:11px; padding-left:25px; }
.suggerimentoCleanLong  {width: 700px; height: 22px;background: url('../images/suggerimento_1.jpg') no-repeat; font-size:11px; padding-left:25px; }
.suggerimentoAccordion  {width: 700px; height: 22px;background: url('../images/suggerimento_2.jpg') no-repeat; font-size:11px; padding-left:25px; }
/* CLASSI PER LA DASHBOARD */
.shortcut_box         {width: 645px; height: 335px; float:left;}
	.shortcut_div {width: 645px; height: 150px; float:left; background: url('../images/shortcut_div_bg.jpg') no-repeat}
	.shortcut_div2 {width: 645px; height: 180px; float:left; margin-top:5px;}
		.shortcut_button  {background: url('../images/btn_shortcut.png') no-repeat}
		.shortcut_button:hover {background: url('../images/btn_shortcut_over.png') no-repeat }
		.news_div         {width: 435px; height: 170px; float:left; background: url('../images/news_div_bg.jpg') no-repeat; padding: 10px 0 0 30px;}
			.news_content {width: 435px; height: 100px; float:left;}
		.contact_div   {width: 145px; height: 170px; float:left; background: url('../images/contact_div_bg.jpg') no-repeat; padding: 10px 0 0 30px;}
.checkList_div {width: 645px; height: 83px; float:left; background: url('../images/shortcut_div_checkList.jpg') no-repeat}
.chart_div               {width: 295px; height: 335px; float:left; padding-left: -30px;}
.chart_combo  {
	background:#EDF8E9 none repeat scroll 0 0;
	border:1px solid #DBDBDB;
	margin:0 10px 5px 0;
	padding:2px 5px 2px 5px;
	font-size:13px;
}

.filter_div 
{
    width: 645px; height: 230px; background: url('../images/filter_div.jpg'); float:left; margin-left:150px; 
}

.chart_combo_item 
{
    width:500px;    
}

.standard_label {font-weight:bold; color:#006699; font-family:Arial; font-size:12px}
.login_text {height:25px; background: url('../images/login_text.png') no-repeat; border:none; padding: 0px 0 0 3px;}
.login_text:hover {background: url('../images/login_text_over.png') no-repeat;}
.login_button {width:145px; height:27px; background: url('../images/bt_login.jpg') no-repeat; border:none;}

.footer {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-style: solid solid none;
	border-bottom: none;
	width: 100%;
	margin: 0;
	font-size: 11px;
	text-align: center;
}

.footer ul {
	padding: 0; 
	margin: 0 auto;
	width: 100%;
	list-style: none outside none;	
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
	display: block;
}
.footer ul li{
	padding: 0; 
	margin: 0;
	float: left;
	position: relative;	
}

.footer ul li a:focus {border: none; outline:none}

.footer ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; 
	width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
	border-right: 1px solid #bbb; 
}
html  .footer ul li a:hover {	background-color: #fff; }
html  .footer ul li a.active {  /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px;           /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200;               /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

a.visibility { background: url(../images/eye.png) no-repeat center center;  }
a.privacy{ background: url(../images/privacy.png) no-repeat center center;  }
a.terms{ background: url(../images/document.png) no-repeat center center; }
a.mail{ background: url(../images/mail--arrow.png) no-repeat center center;  }

/* CHAT PANEL */

.footer ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;	
	color: #00629a;
	position: static;
}
.footer ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/



.footer .subpanel {
	position: absolute;
	left: 0; 
	bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 197px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 10px;
}
.footer h3 {
	background: #1D82CA; /*#526ea6;*/
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
.footer h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}

.footer .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
.footer .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(../images/dash.gif) repeat-x left center; }
#chatpanel .subpanel li a span.online, #chatpanel .subpanel li a span.away 
{
    float: left;
	margin: 7px 15px;
	padding: 3px;
	width: 10px;
	height: 10px; 
	display:block; 	
    border:none;	
}

#chatpanel .subpanel li a span.online {background: url(../images/status_online.png) no-repeat transparent;}
#chatpanel .subpanel li a span.away {background: url(../images/status_away.png) no-repeat transparent;}
li#chatpanel {float:right}
.footer ul li a.chat
{   
	background: url(../images/balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0;	
	text-align: left;
}

#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	
	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
	border:none;
	text-align:left;
	font-size: 11px;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}
#chatmodepanel {float:right}
.footer ul li a.chatmode {background: url(../images/eye.png) no-repeat center center;}
#chatmodepanel .subpanel { right: 0; left: auto; }
#chatmodepanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;	
}
#chatmodepanel .subpanel li p {padding: 5px 10px;}


/*-----------*/

.footer a.guide{
	background: url(../images/question.png) no-repeat 15px center;
	width: 40px;
	padding-left: 40px;	
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/

}

.footer a.assistenza{
	background: url(../images/assistenza.png) no-repeat 15px center;
	width: 110px;
	padding-left: 40px;	
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/

}

.footer a.copyright{
	background: url(../images/copyright.png) no-repeat center center;


}

.footer a.nascondi{
	background: url(../images/Riduci.gif) no-repeat center center;


}



/*TOOLTIP ON HOVER*/
/*.footer*/ a small {
	text-align: center;
	width: 100px;
	background: url(../images/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
/*.footer*/ a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -33px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
	font-size:11px;
}


/*********************************************************/
ul.topnav {
	list-style: none;
	padding: 0 10px;
	margin: 0;
	float: left;
	width: 100%;
	background: #222;
	font-family: Verdana;
	font-size: 12px; /*1.2em;*/
	/*background: url(../images/topnav_bg.gif) repeat-x;*/
	background: #1D82CA;
	position:relative;
	z-index:1000;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 5px 0 0;
	position: relative;
    top: 0px;
    left: 0px;
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	/*background: url(../images/topnav_hover.gif) no-repeat center top;*/
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}
/*----------------------------------------------------------------------------*/
/*-------------- MENU CSS ----------------------------------------------------*/

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-right:-1px}
ul.menu ul {position:absolute; top:37px; left:0; background:#145B8F; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #79B4DF; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:10px 7px 9px; background-color:#145B8F}
ul.menu ul li a:hover {background-color:#59B62F}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border-left:1px solid #5AA4D8; border-right:1px solid #5AA4D8; padding:10px 5px 5px; font-weight:bold; width:85px; height:22px; background: url(../images/dropdown_bg.jpg) no-repeat;}
ul.menu .menulink:hover, ul.menu .menuhover {background:#59B62F;}
ul.menu .sub {background:#145B8F url(../images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/



.OrderNSO {width: 20px; background: none;}




.bckCellgrdOrderNSO_PezziNSO  {
	background:  #d5d8dc;
}
.bckCellgrdOrderNSO_PezziConsegnati  {
	background: #f8c471;
}
.bckCellgrdOrderNSO_PezziResidui  {
	background:  #abebc6;
}


/**** WATERMARK ***************/

.watermark {color: #999 !important;}
.cc_row_date           {width:300px; float:left;}
.cc_row_date_img       {width:87px; float:left;}
.cc_row_date_label     {width:200px; float:left; font-size:11px; font-family:Arial; color:#747474; margin-top: 2px;}
.cc_row_date_user      {width:200px; float:left; font-size:11px; color:#3A6AB1; overflow-x:hidden; text-transform:uppercase;}