input:focus { outline: 1px solid red; }
button:focus { outline: 1px solid red; }
select:focus { outline: 1px solid red; }

body {
	font-family: Georgia,"Lucida Bright","Times New Roman","Helvetica Neue",Helvetica,Arial,serif,sans-serif;
}

.overlay
{
 	position:absolute;
 	left:0;
 	top:0;
 	z-index: 90;
 	width:100%;
 	height:300%;
 	background-color: #000;
 	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.tooltip{ /*stili per il tooltip */
    /*posizione e domensioni*/
    position:absolute; top: -0.5em;
    /*bordi e colore */
    border: 1px solid #6C9; background-color: #A8F8D0; color:#000;
    /*font e testo */
    font-size: 100%; text-align: center;
    text-decoration: none;
}

/********** Sop LookupList **********/
.lookuplist{
	display: none; 
	font-weight: bold;
	font-size: 12px;	
	position: fixed;
    z-index: 100;
    max-width: 70%;
	max-height: 250px;
    top: 50%;
	left: 50%;
	margin: -125px 0 0 0;
    border: 2px solid;
    padding: 5px 5px 5px 5px;
	overflow: auto;
    color: #00529B;
    background-color: #ffffff;
}
.lookuplist .sopTable tbody {
  	overflow: auto;
  	/*height: 170px;*/
  	overflow-x: hidden;
  }
.lookuplist .sopTable span {
	float: right;
}
.lookuplist .sopTable span:hover {
	cursor: pointer; 
	color: red;
}
.lookuplist .sopTable td {
	cursor: pointer; 
}


/* 
	TagBox table styles
	written by TagBox http://www.tagbox.de
*/
.sopTable table {
  border-collapse: collapse;
  color: #363636;
  background: #92C428;
  }
.sopTable caption {
  font: bold 12px verdana, arial, helvetica, sans-serif;
  text-align: center;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  width: 100%;
  }
.sopTable td {
  font: normal 12px verdana, arial, helvetica, sans-serif;
  padding: .4em;
  color: #363636;
  width: 100%;
}

.sopTable thead th, tfoot th {
  text-align: center;
  background: #4591AD none repeat scroll 0 0;
  color: #FFFFFF;
  padding:.4em;
  }
.sopTable tfoot th {
  text-align: center;
  }
.sopTable tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
.sopTable tbody td a:hover {
  background: #FFFF00;
  color: #363636;
  }
.sopTable tbody th a {
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
.sopTable tbody th a:hover {
  background: transparent;
  color: #363636;
  }
.sopTable tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.sopTable tfoot td {
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  text-align: center;
  }
.sopTable tfoot td span {
  }  
.sopTable tfoot td span a:hover {
  color: #FFFFFF;
  }   
.par {
  background: #CCCCCC;
  }
.odd {
  background: #CCCCFF;
  }
.sopTable tbody tr:hover {
  background: #FFFFcc;
  border: 1px solid #03476F;
  color: #FFFFFF;
  }
.sopTable tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFFFcc;
  color: #363636;
  }

.sopAlign input {
	float: left;
	margin-bottom: 6px;
	margin-right: 2px;
}

.sopAlign label {
	text-align: right;
	float: left;
	width: 60px;
	padding-right: 10px;
	margin-bottom: 6px;
}

.sopAlign60 input {
	float: left;
	margin-bottom: 6px;
	margin-right: 2px;
}

.sopAlign60 label {
	text-align: right;
	float: left;
	width: 60px;
	padding-right: 10px;
	margin-bottom: 6px;
}

.sopAlign75 input {
	float: left;
	margin-bottom: 6px;
	margin-right: 2px;
}

.sopAlign75 label {
	text-align: right;
	float: left;
	width: 75px;
	padding-right: 10px;
	margin-bottom: 6px;
}

.sopAlign90 input {
	float: left;
	margin-bottom: 6px;
	margin-right: 2px;
}

.sopAlign90 label {
	text-align: right;
	float: left;
	width: 90px;
	padding-right: 10px;
	margin-bottom: 6px;
}

.sopAlign120 input {
	float: left;
	margin-bottom: 6px;
	margin-right: 2px;
}

.sopAlign120 label {
	text-align: right;
	float: left;
	width: 120px;
	padding-right: 10px;
	margin-bottom: 6px;
}

.sopAlign150 input {
	float: left;
	margin-bottom: 6px;
	margin-right: 2px;
}

.sopAlign150 label {
	text-align: right;
	float: left;
	width: 150px;
	padding-right: 10px;
	margin-bottom: 6px;
}

br {
	clear: left;
}

button {
	cursor: pointer;
	margin: 4px 2px 4px 0px;
}

span.right {
	float: right;
}
span.left {
	float: left;
}
span.center {
	text-align: center;
}

.mandatory{
	background-color: yellow;
}

div#errorBox.ui-dialog-content li {
	font-size: 13px;
	text-align: left;
	margin-left: 5px;
	font-family: Arial,serif,sans-serif;	
}
div#confirmBox.ui-dialog-content li {
	font-size: 13px;
	text-align: left;
	margin-left: 5px;	
	font-family: Helvetica,Arial,serif,sans-serif;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid green; background: #fbf9ee; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }