/***********************************************/
	/* emx_nav_left.css                            */
	/* Use with template Halo_leftNav.html         */
	/***********************************************/
* {
	padding: 0;
	margin: 0;
}

/***********************************************/
	/* HTML tag styles                             */
	/************************************/
html {
	font-size: 100%; /* IE hack*/
	background: #fff url(../images/body_bg.gif) repeat-x;
}

body {
	font: small/ 1.20em Verdana, Arial, Helvetica, sans-serif;
	color: #11568B;
	text-align: center;
	padding: 0 0.8em;
}

h1,h2,h3,h4,h5 {
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	border-left: 5px solid #11568B;
	padding-left: 0.2em;
	margin-top: 0.1em;
	font-size: 140%;
	font-weight: normal;
	line-height: 1.5em;
	letter-spacing: -1px;
	background-color: transparent;
}

.show,.jshide {
	display: block;
}

.hide,.jsshow {
	display: none;
}

img,#wrap a img,a img {
	border: none;
}

img.border,#wrap a img.border {
	border: 1px solid;
}

#wrap {
	position: relative;
	width: 100%;
	/*non IE centering*/
	margin: 0 auto;
	text-align: left;
}

/* Header */
#header {
	margin: 0 auto;
	float: left;
	width: 100%;
}

#header img {
	padding: 5px 0 5px 15px;
}

#global-utils {
	float: left;
	position: relative;
	margin: 0px 0;
	top: 0;
	font-size: 85%;
}

#site-title {
	float: left;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: transparent url(../images/header_bg.gif) center left repeat-x;
	font-size: 165%;
	padding: 6px 0 6px 0px;
	border-top: 3px solid #ccc;
}

#site-title a:link,#site-title a:visited {
	text-decoration: none;
	color: #ddeeff;
	margin-top: 0.6em;
	display: block;
}

#site-title a:hover,#site-title a:active {
	text-decoration: underline;
}

#site-utils {
	float: right;
	position: relative;
	top: 0;
	right: 0;
	margin: 0em -0.1em -1em 0;
	padding: 0;
}

#site-utils li {
	list-style-type: none;
	display: inline;
	font-size: 75%;
	margin: 0 0 0 -0.3em;
	padding: 0;
}

#site-utils>li {
	vertical-align: text-top;
}

#site-utils a:link,#site-utils a:visited {
	text-decoration: underline;
	margin: 0;
	padding: 0 6px;
}

#site-utils a:hover,#site-utils a:active {
	text-decoration: none;
}

p#tagline {
	font-size: 50%;
	margin: 0.5em;
	padding: 0;
	width: 80%;
	color: #ddeeff;
}

#main-content {
	clear: right;
	float: left;
	width: 100%;
	background-color: #eee;
	border-bottom: 1px solid #cccccc;
}

/* hide from IE5/Mac*/
#content {
	clear: left;
}

/* end hide*/
#main {
	position: relative;
	float: right;
	padding-left: 0.5em;
	padding-right: 0.3em;
	width: 84%;
	background-color: #eee;
	border-left: 1px solid #cccccc
}

#sidebar {
	float: left;
	position: relative;
	width: 14%;
}

.full #main {
	width: 99%;
	border: none;
}

.full #sidebar {
	display: none;
	width: 1%;
}

.clear {
	clear: both;
}

.home #main {
	position: relative;
	float: left;
	padding-left: 5px;
	padding-right: 10px;
	border: none;
}

.home #sidebar {
	float: right;
	position: relative;
	padding-right: 5px;
}

#logo {
	float: left;
	padding: 0;
	margin: -4px 12px 0 0;
}

/************************************/
#pageNav {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 11em;
	float: left;
}

/************************************/
	/* End Layout Divs                             */
	/***********************************************/
div#menuDescription h3 {
	display: block;
	font-size: 1.6em;
	margin: 0.5em 0em 0.5em 0.2em;
}

div#menuDescription p {
	display: block;
	font-size: 1.25em;
	margin: 0.2em 0em 0.6em 0.3em;
}

div#menuDescription ul li {
	list-style-type: circle;
	font-size: 1.2em;
	margin: 0.5em 0em 0.2em 1em;
}

div#menuDescription ul li a {
	text-decoration: underline;
}

div#menuDescription ul li p {
	display: block;
	font-size: 1em;
	margin: 0.2em 0em 0.5em 0em;
}

div#menuDescription ul li ul li {
	list-style-type: square;
	font-size: 1em;
	margin: 0.5em 0em 0.2em 1em;
}

div#menuDescription ul li ul li a {
	font-size: 0.8em;
	text-decoration: underline;
}

/************************************/
	/* Form and related Tags            */
	/************************************/
fieldset {
	border: 1px solid #999;
	margin: 0.5em 0em 0em 0em;
	padding: 0em 0em 0.5em 0em;
}

legend {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0em 0.5em;
	margin: 0em 1em;
	color: #11568B;
}

legend.empty {
	padding: 0em 0em;
	margin: 0em -1em;
}

div.fieldsetBanner {
	float: right;
	clear: both;
	font-size: 0.8em;
	margin-top: -0.7em;
	margin-bottom: 0.4em;
}

div.fieldset {
	border: 1px solid #999;
	margin: 1.1em 0em 0em 0em;
	padding: 0em 0em 0.5em 0em;
}

div.fieldset h3.legend {
	display: inline;
	position: relative;
	top: -0.6em;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0em 0.5em;
	margin: 0em 1em 0em 1em;
	color: #11568B;
	background: #eee;
}

div.fieldset div.fieldsetBanner {
	float: right;
	clear: both;
	font-size: 0.8em;
	margin-top: -0.2em;
	margin-bottom: 0.4em;
}

div.cleardiv {
	clear: both;
	min-height: 0.2em;
	height: 1px;
	overflow: hidden;
}

div.fieldsetBanner a {
	padding: 0.1em 0em;
}

div.fieldsetBanner a.trottle,div.fieldsetBanner a.close {
	padding: 0.1em 0.4em 0.1em 1em;
	background-repeat: no-repeat;
	background-position: 2px;
	text-decoration: none;
	padding-left: 18px;
}

div.fieldsetBanner a.trottle:hover,div.fieldsetBanner a.close:hover {
	text-decoration: none;
	border-bottom: 1px dotted #bbb;
}

div.fieldsetBanner a.expanded {
	background-image: url( ../images/jf_frame_riduci.gif );
}

div.fieldsetBanner a.collapsed {
	background-image: url( ../images/jf_frame_espandi.gif );
}

div.fieldsetBanner a.close {
	background-image: url( ../images/jf_frame_chiudi.gif );
}

div.layerFrameBody {
	overflow: auto;
}

div.layerFrameBodyCollapsed {
	display: none;
}

div.goToTop {
	text-align: right;
	padding-right: 0.5em;
	font-size: 0.8em;
}

div.layerFrameBody div.field {
	display: block;
	clear: both;
	margin: 0.2em 0;
}

div.layerFrameBody div.field label {
	display: inline-block;
	width: 16%;
	text-align: right;
	font-size: 0.9em;
	font-weight: normal;
	margin: 0.2em 0.2em 0.2em 0.1em;
}

div.layerFrameBody div.field label.error {
	color: red;
}

input,textarea,select {
	background-color: #FFFFFE;
	color: #005;
}

div.layerFrameBody div.field input,div.layerFrameBody div.field textarea,div.layerFrameBody div.field select,div.layerFrameBody div.field span
	{
	padding: 1px;
	font-size: 1em;
	font-weight: bold;
	margin: 0.2em 0.2em 0.2em 0.1em;
}

td input,td textarea,td select {
	display: block;
	padding: 1px;
	background-color: #FFFFFE;
	font-size: 1em;
	font-weight: bold;
	margin: 0.1em 0.2em 0.1em 0.1em;
}

div.layerFrameBody div.field span {
	background-color: transparent;
	font-weight: normal;
	width: 2em;
}

div.layerFrameBody div.field span.error {
	display: inline;
	color: red;
	font-weight: bold;
	width: auto;
}

div.layerFrameBody div.field span.systemAttr {
	background-color: transparent;
	font-weight: bold;
	width: 20em;
	padding: 0px;
}

input.number,div.number input {
	text-align: right;
}

div.layerFrameBody div.field input.number {
	width: 12em;
}

input.date,div.date input {
	width: 7.5em;
}

input.radio {
	background-color: transparent;
}

td textarea {
	width: 99% !important;
}

input.required,textarea.required,select.required,div.required input,div.required textarea,div.required select,div.required
	{
	background-color: #def;
}

.tundra .required {
	background: url(../images/validationInputBgRequired.png) #def repeat-x
		50% top;
}

.tundra .dijitError {
	background-color: #f9f7ba;
	background-image: none;
}

.tundra .dijitErrorFocused {
	background-color: #f9f999;
	background-image: none;
}

.tundra .dijitTextBoxReadOnly,.tundra .dijitDisabled {
	background: url(../images/buttonDisabled.png) #ebebeb repeat-x 50% top;
}

input.error,textarea.error,select.error {
	background-color: #FFE3D2;
}

input.protected,textarea.protected,select.protected {
	background-color: #eee;
	font-weight: bold;
	border: 1px solid #999;
	cursor: default;
}

select.protected {
	background-color: #fefefe;
}

div.em1 {
	width: 1em;
}

div.em2 {
	width: 2em;
}

div.em3 {
	width: 3em;
}

div.em4 {
	width: 4em;
}

div.em5 {
	width: 5em;
}

div.em6 {
	width: 6em;
}

div.em7 {
	width: 7em;
}

div.em8 {
	width: 8em;
}

div.em9 {
	width: 9em;
}

div.em10 {
	width: 10em;
}

div.em11 {
	width: 11em;
}

div.em12 {
	width: 12em;
}

div.em13 {
	width: 13em;
}

div.em14 {
	width: 14em;
}

div.em15 {
	width: 15em;
}

div.em16 {
	width: 16em;
}

div.em17 {
	width: 17em;
}

div.em18 {
	width: 18em;
}

div.em19 {
	width: 19em;
}

div.em20 {
	width: 20em;
}

div.em21 {
	width: 21em;
}

div.em22 {
	width: 22em;
}

div.em23 {
	width: 23em;
}

div.em24 {
	width: 24em;
}

div.em25 {
	width: 25em;
}

div.em26 {
	width: 26em;
}

div.em27 {
	width: 27em;
}

div.em28 {
	width: 28em;
}

div.em29 {
	width: 29em;
}

div.em30 {
	width: 30em;
}

div.em31 {
	width: 31em;
}

div.em32 {
	width: 32em;
}

div.em33 {
	width: 33em;
}

div.em34 {
	width: 34em;
}

div.em35 {
	width: 35em;
}

div.em36 {
	width: 36em;
}

div.em37 {
	width: 37em;
}

div.em38 {
	width: 38em;
}

div.em39 {
	width: 39em;
}

div.em40 {
	width: 40em;
}

div.em41 {
	width: 41em;
}

div.em42 {
	width: 42em;
}

div.em43 {
	width: 43em;
}

div.em44 {
	width: 44em;
}

div.em45 {
	width: 45em;
}

div.em46 {
	width: 46em;
}

div.em47 {
	width: 47em;
}

div.em48 {
	width: 48em;
}

div.em49 {
	width: 49em;
}

div.em50 {
	width: 50em;
}

div.em51 {
	width: 51em;
}

div.em52 {
	width: 52em;
}

div.em53 {
	width: 53em;
}

div.em54 {
	width: 54em;
}

div.em55 {
	width: 55em;
}

div.em56 {
	width: 56em;
}

div.em57 {
	width: 57em;
}

div.em58 {
	width: 58em;
}

div.em59 {
	width: 59em;
}

div.em60 {
	width: 60em;
}

div.em61 {
	width: 61em;
}

div.em62 {
	width: 62em;
}

div.em63 {
	width: 63em;
}

div.em64 {
	width: 64em;
}

div.em65 {
	width: 65em;
}

div.em66 {
	width: 66em;
}

div.em67 {
	width: 67em;
}

div.em68 {
	width: 68em;
}

div.em69 {
	width: 69em;
}

div.em70 {
	width: 70em;
}

div.em71 {
	width: 71em;
}

div.em72 {
	width: 72em;
}

div.em73 {
	width: 73em;
}

div.em74 {
	width: 74em;
}

div.em75 {
	width: 75em;
}

div.em76 {
	width: 76em;
}

div.em77 {
	width: 77em;
}

div.em78 {
	width: 78em;
}

div.em79 {
	width: 79em;
}

div.em80 {
	width: 80em;
}

input.popup {
	display: inline-block;
	border: 0px;
	width: 19px;
	height: 19px;
	padding: 0px;
	vertical-align: middle;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url( ../images/popup_off.gif );
	margin: 0.2em 0.2em 0.2em 0.1em;
	cursor: pointer;
}

input.popup:hover {
	background-image: url( ../images/popup_on.gif );
}

a.hidden,label.hidden,div.hidden,span.hidden {
	position: absolute;
	left: -3000px;
}

a#applogo,a#applogo img {
	border: 0px;
}

#pageTitle {
	display: inline;
	font-size: 1.3em;
	font-weight: normal;
	margin-left: -0.2em;
}

#infobar {
	padding-top: 2em;
	float: left;
}

#centeredLogo {
	background-image: url( ../images/logo.gif );
	background-repeat: no-repeat;
	background-position: 0;
	width: 360px;
	height: 180px;
	margin: 2em auto 2em auto;
}

ul.buttonBar {
	width: 100%;
	padding: 0.3em 0em;
	margin: 0.5em 0em;
	height: 2.2em;
	background: #eee url(../images/navbar_bg.gif) center left repeat-x;
}

.noBackground {
	background: none !important;
}

ul.buttonBar li {
	float: left;
	background: #eee url(../images/navbar_bg.gif) center left repeat-x;
	display: block;
	padding: 0em;
	margin: 0em 0.5em;
	border-style: outset;
	border-color: #ffffff;
	border-width: 2px;
}

ul.buttonBar li:hover {
	background: #FFFFFF url(../images/bar.gif) repeat scroll 0 0px;
}

ul.buttonBar li:active {
	background: #FFFFFF url(../images/bar.gif) repeat scroll 0 -40px;
	border-width: 2px;
	border-style: inset;
}

ul.buttonBar li input {
	background-repeat: no-repeat;
	background-position: 0em 0.3em;
	background-color: transparent;
	padding: 0em 0.2em 0em 22px;
	margin: 0em;
	text-align: left;
	border-style: ridge;
	border-color: #ffffff;
	border-width: 0px;
	cursor: pointer;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	height: 1.8em;
	color: #005;
}

ul.buttonBar li:active input {
	background-position: 0.1em 0.4em;
}

ul.buttonBar li a {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0em 0.0em;
	background-color: transparent;
	padding: 0em 1em 0em 22px;
	margin: 0.2em 0em 0em 0em;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	border-style: ridge;
	border-color: #ffffff;
	border-width: 0px;
	cursor: pointer;
	font-size: 1em;
	height: 1.6em;
	color: #005;
}

ul.buttonBar li a:visited {
	text-decoration: none;
	color: black;
}

ul.buttonBar li:active a {
	background-position: 0.1em 0.1em;
}

ul.inTable {
	width: 8em;
	padding: 0.1em 0.2em;
	margin: 0;
	background: transparent;
	border: 0px;
}

ul.inTable li {
	margin: 0;
}

ul.inTable li input {
	width: 7.6em;
	font-weight: normal;
}

input.buttonHome,a.buttonHome {
	background-image: url( ../images/button/home.gif );
}

input.buttonSearch,a.buttonSearch {
	background-image: url( ../images/button/find.gif );
}

input.buttonNew,a.buttonNew {
	background-image: url( ../images/button/new.gif );
}

input.buttonView,a.buttonView {
	background-image: url( ../images/button/view.gif );
}

input.buttonSave,a.buttonSave {
	background-image: url( ../images/button/save.gif );
}

input.buttonUndo,a.buttonUndo {
	background-image: url( ../images/button/undo.gif );
}

input.buttonConfirm,a.buttonConfirm {
	background-image: url( ../images/button/confirm.gif );
}

input.buttonBack,a.buttonBack {
	background-image: url( ../images/button/back.gif );
}

input.buttonNext,a.buttonNext {
	background-image: url( ../images/button/next.gif );
}

input.buttonEdit,a.buttonEdit {
	background-image: url( ../images/button/edit.gif );
}

input.buttonDelete,a.buttonDelete {
	background-image: url( ../images/button/delete.gif );
}

input.buttonClone,a.buttonClone {
	background-image: url( ../images/button/clone.png );
}

input.buttonPrint,a.buttonPrint {
	background-image: url( ../images/button/print.gif );
}

input.buttonExportRtf,a.buttonExportRtf {
	background-image: url( ../images/button/word.png );
}

input.buttonExportXls,a.buttonExportXls {
	background-image: url( ../images/button/excel.png );
}

input.buttonRefresh,a.buttonRefresh {
	background-image: url( ../images/button/refresh.gif );
}

input.buttonNewAllegato,a.buttonNewAllegato {
	background-image: url(../images/button/attachment_add.png);
}

input.buttonEditAllegato,a.buttonEditAllegato {
	background-image: url(../images/button/attachment_edit.png);
}

input.buttonDeleteAllegato,a.buttonDeleteAllegato {
	background-image: url(../images/button/attachment_delete.png);
}

input.buttonAddTemplate,a.buttonAddTemplate {
	background-image: url(../images/button/process_add.png);
}

input.buttonRunTemplate,a.buttonRunTemplate {
	background-image: url(../images/button/process.png);
}

/* This is to hack a bug in new mozilla firefox version that display hidden fields */
input[type=hidden] {
	position: absolute;
	left: -3000px;
}

input.checkbox {
	background-color: transparent;
}

td.right {
	text-align: right;
}

td.center {
	text-align: center;
}

div#tabPaneDiv ul#tabPane {
	position: relative;
	height: 2.3em;
	margin: 0em;
	padding: 0em;
	background: #EEEEEE url(../images/navbar_bg.gif) repeat-x scroll left center;
	overflow: hidden;
	width: 100%;
	font-size: 0.9em;
}

div#tabPaneDiv ul#tabPane.disabled {
	background: url( ../images/bar.gif ) repeat;
	background-position: 0px -80px;
}

div#tabPaneDiv ul#tabPane li {
	float: left;
	list-style-type: none; /* removes the bullet off each list item */
}

div#tabPaneDiv ul#tabPane li input {
    background: transparent;
}

hr {
	margin: 0.4em;
}

div#tabPaneDiv ul#tabPane a,div#tabPaneDiv ul#tabPane span {
	float: left;
	font-size: 0.89em;
	font-weight: bold;
	position: relative;
	padding: 0em 1em 1em 0.5em;
	margin: 0;
	color: #11568B;
	text-decoration: none;
	border-left: 1px solid #fff;
}

div#tabPaneDiv ul#tabPane a:hover, 
div#tabPaneDiv ul#tabPane a.tab-active, div#tabPaneDiv ul#tabPane span.tab-active, 
div#tabPaneDiv ul#tabPane a.tab-step-current, div#tabPaneDiv ul#tabPane span.tab-step-current
{
	background: #fff url( ../images/bar.gif ) repeat;
	background-position: 0px -40px;
}

div#tabPaneDiv ul#tabPane a.tab-step-done, div#tabPaneDiv ul#tabPane span.tab-step-done, 
div#tabPaneDiv ul#tabPane a.tab-step-todo, div#tabPaneDiv ul#tabPane span.tab-step-todo {
	background-image: none;
}

img.noBorder {
	padding-top: 4px;
	border: 0px;
}

#pageutils {
	font-size: 76%;
	padding: 0px 0 0;
	text-transform: lowercase;
}

#breadcrumbs {
	line-height: normal;
	margin-top: 0;
	margin-bottom: -4px;
	padding: 0.4em 0;
}

#pagetools {
	padding: 0;
	margin: 0 5px 0 0;
	float: right;
	list-style: none;
}

#pagetools li {
	display: inline;
}

#pagetools li a {
	padding: 0px 0 1px 20px;
}

#printthis {
	background: transparent url(../images/ico_print_css.gif) 0 50% no-repeat
		;
	margin-right: 5px;
}

#emailthis {
	background: transparent url(../images/ico_email_css.gif) 0 50% no-repeat
		;
	margin-right: 1px;
}

#bookmarkthis {
	background: transparent url(../images/ico_bookmark_css.gif) 0 50%
		no-repeat;
	margin-right: 2px;
}

#printthis :hover {
	background-position: -156px 50%;
}

#emailthis :hover {
	background-position: -158px 50%;
}

#bookmarkthis :hover {
	background-position: -156px 50%;
}

#page-footer {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	clear: both;
	font-size: 70%;
}

#page-footer ul {
	margin: 0;
	padding: 4px 0 4px 0;
	color: #333;
	background-color: #CCC;
	border-top: 1px solid #999;
}

#page-footer ul li {
	margin: 0 1px 0 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	font-size: 1em;
}

#page-footer ul li a {
	margin: 0;
	padding: 0 6px 0 0;
}

#copyright p {
	color: #999;
	line-height: 1.4em;
	margin: 0;
	padding: 10px 10px 20px 10px;
}

#copyright a {
	color: #999;
}

div.wait {
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
	background-position: center top;
	padding: 1em;
}

div.message {
	font-weight: bold;
	margin: 0.2em 0 0.2em 0;
	padding: 0.2em 0.4em;
	display: block;
}

div.error {
	border: 1px solid red;
	border-left: 5px solid red;
}

div.warning {
	border: 1px solid #fc0;
	border-left: 5px solid #fc0;
}

div.info {
	border: 1px solid green;
	border-left: 5px solid green;
}

div.message p.message {
	text-align: left;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1.8em;
}

div.message p.error {
	background-image: url("../images/error-icon.png");
}

div.message p.warning {
	background-image: url("../images/warning-icon.png");
}

div.message p.info {
	background-image: url("../images/accept-icon.png");
}

span.alert {
	margin-top: 0.2em;
}

span.alert span.dijitButtonText {
	padding: 0.2em 2em;
}

div.progress {
	position: relative; 
	border: 1px solid gray; 
	width: 95%; 
	height: 1em; 
	margin: 0.3em 10em 0.3em 0.3em;
}

div.progress-background {
	position: absolute; 
	top:0px; 
	left: 0px; 
	background: #afafaf url( ../images/progress-bg.gif ) repeat-x;
	height: 100%;
}

div.progress-text {
	position: absolute; 
	top:-0.2em; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	text-align: center
}

table li {
	margin-left: 1.4em;
}

div.leftChars {
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
}
div.leftChars span {
	font-weight: bold;
}

span.help {
	display: inline-block;
	width: 16px !important;
	min-height: 16px; 
	background-image: url(../images/help.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: help; 
	margin: 0 0 -0.2em -0.3em;
}

.dijitTooltipContainer {
	text-align: left;
}
.dijitTooltipContainer ul, .dijitTooltipContainer ol {
	padding-left: 1.5em;
}

.tundra .dijitCheckBoxReadOnly {
	background-position: -48px;
}

.tundra .dijitCheckBoxCheckedReadOnly {
	background-position: -32px;
}

.tundra .dijitRadioReadOnly {
	background-position: -144px;
}

.tundra .dijitRadioCheckedReadOnly {
	background-position: -128px;
}
div.layerFrameBody div.field div.dijitRadio + label {
	width: auto;
	text-align: left;
	margin-right: 1em;
}
table.nosel td ul.buttonBar li a:hover {
	background-color: transparent;
}

.cm-s-readonly .CodeMirror-lines {
  background-color: #f6f6f6;
}
